type StatusKey = 'draft' | 'pending' | 'negotiating' | 'counter' | 'signed' | 'delivery' | 'completed' | 'cancelled' | 'disputed';

const statusMap: Record<StatusKey, { bg: string; text: string; label: string }> = {
  draft:       { bg: '#EEEFFE', text: '#030772',  label: 'مسودة' },
  pending:     { bg: '#FEF3C7', text: '#92400E',  label: 'في الانتظار' },
  negotiating: { bg: '#C8CCF7', text: '#030772',  label: 'تفاوض' },
  counter:     { bg: '#FED7AA', text: '#9A3412',  label: 'عرض مضاد' },
  signed:      { bg: '#D1FAE5', text: '#065F46',  label: 'موقّع' },
  delivery:    { bg: '#DBEAFE', text: '#1E40AF',  label: 'قيد التوصيل' },
  completed:   { bg: '#D1FAE5', text: '#065F46',  label: 'مكتمل' },
  cancelled:   { bg: '#FEE2E2', text: '#991B1B',  label: 'ملغي' },
  disputed:    { bg: '#FEE2E2', text: '#991B1B',  label: 'نزاع' },
};

export default function StatusBadge({ status }: { status: StatusKey }) {
  const s = statusMap[status] ?? statusMap.draft;
  return (
    <span
      className="px-3 py-1 rounded-full text-xs font-medium whitespace-nowrap"
      style={{ background: s.bg, color: s.text }}
    >
      {s.label}
    </span>
  );
}