const COLORS: Record<string, string> = {
  pending: "bg-amber-100 text-amber-800",
  paid: "bg-emerald-100 text-emerald-800",
  failed: "bg-red-100 text-red-800",
  shipped: "bg-sky-100 text-sky-800",
  delivered: "bg-violet-100 text-violet-800",
  cancelled: "bg-stone-200 text-stone-600",
};

export default function StatusBadge({ status }: { status: string }) {
  return (
    <span className={`rounded-full px-2 py-0.5 text-xs font-medium ${COLORS[status] ?? "bg-stone-100 text-stone-600"}`}>
      {status}
    </span>
  );
}