import { jsx } from "react/jsx-runtime";
import { Badge } from "../ui/badge.js";
import { cn } from "../../lib/utils/index.js";
import { useTranslations } from "next-intl";
function InvoiceStatusBadge({ status, className }) {
  const t = useTranslations("settings.billing.invoices.status");
  const statusStyles = {
    paid: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400 border-green-200 dark:border-green-800",
    pending: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400 border-yellow-200 dark:border-yellow-800",
    failed: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400 border-red-200 dark:border-red-800",
    refunded: "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400 border-gray-200 dark:border-gray-800"
  };
  return /* @__PURE__ */ jsx(
    Badge,
    {
      variant: "outline",
      className: cn(
        statusStyles[status],
        className
      ),
      "data-cy": "invoice-status-badge",
      "data-status": status,
      children: t(status)
    }
  );
}
export {
  InvoiceStatusBadge
};
