{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "version-badge",
  "type": "registry:ui",
  "title": "Version badge",
  "description": "Version badge that shows a v-prefixed release number with an optional stable, beta or canary channel pill, each tinted differently, for docs and changelogs.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/version-badge.tsx",
      "type": "registry:ui",
      "target": "components/ui/version-badge.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction VersionBadge({\n  version,\n  channel,\n  className,\n}: {\n  version: string\n  channel?: \"stable\" | \"beta\" | \"canary\"\n  className?: string\n}) {\n  return (\n    <span\n      data-slot=\"version-badge\"\n      className={cn(\n        \"inline-flex h-6 items-center gap-1.5 rounded-md border border-border bg-sunken px-2 font-mono text-[11px] text-fg-muted shadow-highlight\",\n        className\n      )}\n    >\n      <span className=\"text-fg\">v{version}</span>\n      {channel ? (\n        <span className={cn(\n          \"rounded px-1 py-px text-[10px] font-sans font-medium tracking-[0.01em] uppercase\",\n          channel === \"stable\" && \"bg-success/15 text-fg\",\n          channel === \"beta\" && \"bg-accent/15 text-fg\",\n          channel === \"canary\" && \"bg-warning/20 text-fg\",\n        )}>{channel}</span>\n      ) : null}\n    </span>\n  )\n}\nexport { VersionBadge }\n"
    }
  ]
}