import { cn, STATUS_COLORS, INVOICE_STATUS_COLORS } from "@/lib/utils";

export function StatusBadge({ status }: { status: string }) {
  return (
    <span className={cn("text-xs font-semibold px-2 py-0.5 rounded-full", STATUS_COLORS[status] ?? "bg-gray-100 text-gray-600")}>
      {status}
    </span>
  );
}

export function InvoiceStatusBadge({ status }: { status: string }) {
  return (
    <span className={cn("text-xs font-semibold px-2 py-0.5 rounded-full", INVOICE_STATUS_COLORS[status] ?? "bg-gray-100 text-gray-600")}>
      {status}
    </span>
  );
}