{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "eyebrow",
  "title": "Eyebrow",
  "description": "A small label component with a colored square indicator.",
  "dependencies": [
    "class-variance-authority",
    "radix-ui"
  ],
  "files": [
    {
      "path": "registry/default/ui/eyebrow.tsx",
      "content": "import { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot as SlotPrimitive } from 'radix-ui';\n\nimport { cn } from '@/lib/utils';\n\nconst eyebrowVariants = cva(\n  'pointer-events-none inline-flex font-mono font-medium uppercase w-fit shrink-0 items-center justify-center rounded-md text-xs whitespace-nowrap border-transparent',\n  {\n    variants: {\n      variant: {\n        primary: 'text-foreground',\n        secondary: 'text-primary/80 dark:text-primary-foreground/80',\n        gold: 'dark:text-gold-300 text-gold-500',\n      },\n      size: {\n        xs: 'text-xs',\n        sm: 'text-sm',\n        md: 'text-base',\n        lg: 'text-lg',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n    },\n  }\n);\n\ntype TEyebrowProps = React.ComponentProps<'span'> &\n  VariantProps<typeof eyebrowVariants> & {\n    asChild?: boolean;\n  };\n\nfunction Eyebrow({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: TEyebrowProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'span';\n\n  return (\n    <Comp\n      data-slot=\"eyebrow\"\n      className={cn(eyebrowVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Eyebrow, eyebrowVariants, type TEyebrowProps };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}