1 files changed, 26 insertions, 0 deletions
diff --git a/web/src/components/tickets/StatusBadge.tsx b/web/src/components/tickets/StatusBadge.tsx
new file mode 100644
index 0000000..e24876d
--- /dev/null
+++ b/web/src/components/tickets/StatusBadge.tsx
@@ -0,0 +1,26 @@
+/**
+ * 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>
+  );
+}