feat: scaffold tickets experience

web/src/components/tickets/priority-pill.tsx

@@ -0,0 +1,40 @@
+import { cn } from "@/lib/utils"
+import { Badge } from "@/components/ui/badge"
+
+const priorityConfig = {
+  LOW: {
+    label: "Baixa",
+    className: "bg-slate-100 text-slate-600 border-transparent",
+  },
+  MEDIUM: {
+    label: "Media",
+    className: "bg-blue-100 text-blue-600 border-transparent",
+  },
+  HIGH: {
+    label: "Alta",
+    className: "bg-amber-100 text-amber-700 border-transparent",
+  },
+  URGENT: {
+    label: "Urgente",
+    className: "bg-red-100 text-red-700 border-transparent",
+  },
+} satisfies Record<string, { label: string; className: string }>
+
+type TicketPriorityPillProps = {
+  priority: keyof typeof priorityConfig
+}
+
+export function TicketPriorityPill({ priority }: TicketPriorityPillProps) {
+  const config = priorityConfig[priority]
+  return (
+    <Badge
+      variant="outline"
+      className={cn(
+        "rounded-full px-2.5 py-1 text-xs font-medium",
+        config?.className ?? ""
+      )}
+    >
+      {config?.label ?? priority}
+    </Badge>
+  )
+}