"use client";

import type { QuoteStatus } from "@/types/quote";

const statusLabelMap: Record<QuoteStatus, string> = {
  pending: "Pending",
  quote_sent: "Quote Sent",
  sold: "Sold",
};

const statusClassMap: Record<QuoteStatus, { text: string; dot: string }> = {
  pending: {
    text: "text-[var(--color-amber)]",
    dot: "bg-[var(--color-amber-light)]",
  },
  quote_sent: {
    text: "text-[var(--color-blue)]",
    dot: "bg-[var(--color-blue)]",
  },
  sold: {
    text: "text-[var(--color-green)]",
    dot: "bg-[var(--color-green)]",
  },
};

export default function QuoteStatusBadge({ status }: { status: QuoteStatus }) {
  const label = statusLabelMap[status] || "Pending";
  const classes = statusClassMap[status] || statusClassMap.pending;

  return (
    <span className="flex items-center gap-1.5">
      <span className={`h-1.5 w-1.5 rounded-full ${classes.dot}`} />
      <span className={`whitespace-nowrap text-[13px] font-medium ${classes.text}`}>
        {label}
      </span>
    </span>
  );
}