{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "badge",
  "type": "registry:ui",
  "description": "Label items with status or category tags.",
  "dependencies": [
    "class-variance-authority"
  ],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "components/ui/badge.tsx",
      "content": "import * as React from \"react\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst badgeVariants = cva(\r\n    \"inline-flex items-center rounded-base border-2 border-black px-2.5 py-0.5 text-xs font-bold\",\r\n    {\r\n        variants: {\r\n            variant: {\r\n                default:\r\n                    \"bg-main text-black\",\r\n                neutral:\r\n                    \"bg-white text-black\",\r\n                destructive: \"bg-hot-pink text-black\",\r\n                success: \"bg-mint text-black\",\r\n                warning: \"bg-lemon text-black\",\r\n            },\r\n        },\r\n        defaultVariants: {\r\n            variant: \"default\",\r\n        },\r\n    }\r\n)\r\n\r\nexport interface BadgeProps\r\n    extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof badgeVariants> { }\r\n\r\nconst Badge = React.forwardRef<HTMLDivElement, BadgeProps>(\r\n    ({ className, variant, ...props }, ref) => {\r\n        return (\r\n            <div ref={ref} className={cn(badgeVariants({ variant }), className)} {...props} />\r\n        )\r\n    }\r\n)\r\nBadge.displayName = \"Badge\"\r\n\r\nexport { Badge, badgeVariants }\r\n",
      "type": "registry:ui"
    }
  ]
}