{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"badges-de-status","type":"registry:component","title":"Badges de status","description":"Status com ponto, com ícone semântico e contadores.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":["badge"],"files":[{"path":"components/badges-de-status.tsx","type":"registry:component","content":"'use client'\n\nimport { Badge } from '@/components/ui/badge'\nimport { Check, Clock, Pause, X, Zap } from 'lucide-react'\n\nconst STATUS = [\n  { label: 'Ativo', dot: 'bg-emerald-500' },\n  { label: 'Pendente', dot: 'bg-amber-500' },\n  { label: 'Pausado', dot: 'bg-muted-foreground' },\n  { label: 'Falhou', dot: 'bg-rose-500' },\n  { label: 'Em teste', dot: 'bg-sky-500' },\n]\n\nexport default function BadgesStatus() {\n  return (\n    <div className=\"w-full max-w-lg space-y-5\">\n      <div>\n        <div className=\"mb-2 text-xs font-medium uppercase tracking-wider text-muted-foreground\">Com ponto</div>\n        <div className=\"flex flex-wrap gap-2\">\n          {STATUS.map((s) => (\n            <Badge key={s.label} variant=\"outline\" className=\"gap-1.5\">\n              <span className={`size-1.5 rounded-full ${s.dot}`} /> {s.label}\n            </Badge>\n          ))}\n        </div>\n      </div>\n      <div>\n        <div className=\"mb-2 text-xs font-medium uppercase tracking-wider text-muted-foreground\">Com ícone</div>\n        <div className=\"flex flex-wrap gap-2\">\n          <Badge className=\"gap-1 bg-emerald-500/15 text-emerald-700 dark:text-emerald-400\">\n            <Check /> Pago\n          </Badge>\n          <Badge className=\"gap-1 bg-amber-500/15 text-amber-700 dark:text-amber-400\">\n            <Clock /> Aguardando\n          </Badge>\n          <Badge className=\"gap-1 bg-muted text-muted-foreground\">\n            <Pause /> Pausado\n          </Badge>\n          <Badge variant=\"destructive\" className=\"gap-1\">\n            <X /> Recusado\n          </Badge>\n          <Badge className=\"gap-1\">\n            <Zap /> Pro\n          </Badge>\n        </div>\n      </div>\n      <div>\n        <div className=\"mb-2 text-xs font-medium uppercase tracking-wider text-muted-foreground\">Contadores</div>\n        <div className=\"flex flex-wrap gap-2\">\n          <Badge variant=\"secondary\">Inbox 12</Badge>\n          <Badge variant=\"secondary\">Leads 1.284</Badge>\n          <Badge variant=\"outline\" className=\"font-mono\">\n            v2.4.0\n          </Badge>\n          <Badge variant=\"ghost\">Rascunho</Badge>\n        </div>\n      </div>\n    </div>\n  )\n}\n"}]}