{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "metric-badge",
  "title": "Metric Badge",
  "description": "A small badge for counts, states, and operational tags with semantic tones.",
  "dependencies": [],
  "registryDependencies": [
    "badge"
  ],
  "files": [
    {
      "path": "registry/corr/components/metric-badge.tsx",
      "content": "import { Badge } from \"@/components/ui/badge\"\nimport { cn } from \"@/lib/utils\"\n\nexport type MetricBadgeTone = \"neutral\" | \"success\" | \"warning\" | \"danger\"\n\nexport function MetricBadge({\n  label,\n  value,\n  tone = \"neutral\",\n  className,\n}: {\n  label: string\n  value?: string | number\n  tone?: MetricBadgeTone\n  className?: string\n}) {\n  return (\n    <Badge\n      variant=\"outline\"\n      className={cn(\n        \"gap-1.5 rounded-md px-2 py-1 text-xs font-medium\",\n        tone === \"success\" &&\n          \"border-emerald-500/25 bg-emerald-500/10 text-emerald-700 dark:text-emerald-300\",\n        tone === \"warning\" &&\n          \"border-amber-500/25 bg-amber-500/10 text-amber-700 dark:text-amber-300\",\n        tone === \"danger\" &&\n          \"border-destructive/25 bg-destructive/10 text-destructive\",\n        className\n      )}\n    >\n      {value !== undefined ? <span className=\"font-mono\">{value}</span> : null}\n      <span>{label}</span>\n    </Badge>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}