type Status = 'DRAFT' | 'PENDING' | 'APPROVED' | 'REJECTED' | 'ARCHIVED'

const styles: Record<Status, { bg: string; text: string; label: string }> = {
  DRAFT: { bg: 'bg-gray-100', text: 'text-gray-700', label: 'Draft' },
  PENDING: { bg: 'bg-yellow-100', text: 'text-yellow-800', label: 'Pending review' },
  APPROVED: { bg: 'bg-green-100', text: 'text-green-800', label: 'Published' },
  REJECTED: { bg: 'bg-red-100', text: 'text-red-800', label: 'Needs changes' },
  ARCHIVED: { bg: 'bg-slate-100', text: 'text-slate-700', label: 'Archived' },
}

export function StatusBadge({ status }: { status: string }) {
  const s = styles[status as Status] ?? styles.DRAFT
  return (
    <span className={`inline-block px-2 py-1 rounded text-xs font-medium ${s.bg} ${s.text}`}>
      {s.label}
    </span>
  )
}