/**
 * StatusBadge.tsx
 * Badge visual para o status do ticket — usa classes do design system global.
 */

import type { TicketStatus } from '@/lib/api';

const STATUS_LABELS: Record<TicketStatus, string> = {
  open:        'Aberto',
  in_progress: 'Em Andamento',
  waiting:     'Aguardando',
  resolved:    'Resolvido',
  closed:      'Fechado',
};

interface StatusBadgeProps {
  status: TicketStatus;
}

export function StatusBadge({ status }: StatusBadgeProps) {
  return (
    <span className={`badge badge--${status}`}>
      {STATUS_LABELS[status]}
    </span>
  );
}