import type { TicketStatus } from "@/types/order";
import { TICKET_STATUS_LABEL } from "@/lib/labels";

const COLOR: Record<TicketStatus, string> = {
  pending: "bg-kolabora-neutral-dark/10 text-kolabora-neutral-dark/70",
  paid: "bg-green-50 text-green-700",
  checked_in: "bg-kolabora-tertiary/15 text-kolabora-tertiary",
  expired: "bg-red-50 text-red-700",
  cancelled: "bg-red-50 text-red-700",
};

export function TicketStatusBadge({ status }: { status: TicketStatus }) {
  return (
    <span className={`rounded-full px-3 py-1 text-xs font-medium ${COLOR[status]}`}>
      {TICKET_STATUS_LABEL[status]}
    </span>
  );
}