{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "neumorph-eyebrow",
  "type": "registry:ui",
  "description": "Neumorphic eyebrow component with soft shadow effects and modern styling",
  "dependencies": [
    "class-variance-authority"
  ],
  "files": [
    {
      "path": "registry/default/ui/neumorph-eyebrow.tsx",
      "content": "import type React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nconst neumorphEyebrowVariants = cva(\n  \"mb-2 flex h-6 w-fit items-center rounded-full border-[.75px] px-2.5 text-xs font-medium shadow-[inset_0px_-2.10843px_0px_0px_rgb(244,241,238),_0px_1.20482px_6.3253px_0px_rgb(244,241,238)]\",\n  {\n    variants: {\n      intent: {\n        default: \"border-[#E9E3DD] bg-[#FBFAF9] text-[#36322F]\",\n        primary: \"border-blue-200 bg-blue-50 text-blue-800\",\n        secondary: \"border-green-200 bg-green-50 text-green-800\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n    },\n  }\n)\n\ninterface NeumorphEyebrowProps\n  extends VariantProps<typeof neumorphEyebrowVariants> {\n  children: React.ReactNode\n  className?: string\n}\n\nexport const NeumorphEyebrow: React.FC<NeumorphEyebrowProps> = ({\n  children,\n  intent,\n  className,\n  ...props\n}) => {\n  return (\n    <div className={neumorphEyebrowVariants({ intent, className })} {...props}>\n      {children}\n    </div>\n  )\n}\n\nexport default NeumorphEyebrow\n",
      "type": "registry:ui"
    }
  ]
}