{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tagline",
  "title": "Tagline",
  "description": "Reusable tagline component with variants",
  "files": [
    {
      "path": "components/pro-blocks/landing-page/tagline.tsx",
      "content": "import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\n\nconst taglineVariants = cva(\n  \"flex items-center justify-center text-sm font-medium w-fit gap-1 [&_svg]:size-3.5 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-background border shadow-xs px-2.5 rounded-md h-7\",\n        secondary:\n          \"bg-secondary text-secondary-foreground px-2.5 rounded-md h-7\",\n        ghost: \"bg-transparent text-muted-foreground capitalize\",\n        white: \"text-white\",\n        link: \"bg-card border rounded-full px-3 py-0 h-7 gap-1.5 hover:bg-accent transition-colors [&_svg]:size-4 shadow-xs cursor-pointer\",\n      },\n    },\n    defaultVariants: { variant: \"ghost\" },\n  },\n);\n\ninterface TaglineProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof taglineVariants> {}\n\nfunction Tagline({\n  className,\n  variant,\n  children,\n  ...props\n}: TaglineProps) {\n  return (\n    <div className={cn(taglineVariants({ variant, className }))} {...props}>\n      {children}\n    </div>\n  );\n}\n\nexport { Tagline, taglineVariants };\n",
      "type": "registry:component",
      "target": "components/pro-blocks/landing-page/tagline.tsx"
    }
  ],
  "type": "registry:component"
}