{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "badge",
	"type": "registry:ui",
	"title": "Badge",
	"description": "A badge component.",
	"files": [
		{
			"path": "registry/niv/ui/badge.tsx",
			"content": "import { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/classnames';\nimport type { HTMLAttributes } from 'react';\n\nconst badgeVariants = cva(\n  'inline-flex items-center rounded-md border border-gray-200 px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-gray-950 focus:ring-offset-2 dark:border-gray-800 dark:focus:ring-gray-300',\n  {\n    variants: {\n      variant: {\n        default:\n          'border-transparent bg-gray-900 text-gray-50 shadow hover:bg-gray-900/80 dark:bg-gray-50 dark:text-gray-900 dark:hover:bg-gray-50/80',\n        secondary:\n          'border-transparent bg-gray-100 text-gray-900 hover:bg-gray-100/80 dark:bg-gray-800 dark:text-gray-50 dark:hover:bg-gray-800/80',\n        destructive:\n          'border-transparent bg-red-500 text-gray-50 shadow hover:bg-red-500/80 dark:bg-red-900 dark:text-gray-50 dark:hover:bg-red-900/80',\n        outline: 'text-gray-950 dark:text-gray-50',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ninterface BadgeProps\n  extends HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nconst Badge = ({ className, variant, ...props }: BadgeProps) => {\n  return (\n    <div className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n};\n\nexport { Badge };\n",
			"type": "registry:ui"
		}
	]
}