import { Badge } from "@/components/ui/badge";
import { formatOrderStatus, isOrderPaidStatus } from "@/lib/orders/presentation";
import type { OrderStatus } from "@/types";

export function OrderStatusBadge({ status }: { status: OrderStatus }) {
  const label = formatOrderStatus(status);
  if (isOrderPaidStatus(status)) {
    return (
      <Badge className="border-emerald-500/40 bg-emerald-500/15 text-emerald-400">
        {label}
      </Badge>
    );
  }
  if (status === "failed") {
    return (
      <Badge variant="destructive" className="bg-red-500/15 text-red-400">
        {label}
      </Badge>
    );
  }
  return <Badge variant="secondary">{label}</Badge>;
}