{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tagline",
  "title": "Tagline",
  "description": "A component that displays a tagline with different variants.",
  "files": [
    {
      "path": "components/shadcncraft/pro-marketing/tagline.tsx",
      "content": "import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst taglineVariants = cva(\n  \"inline-flex w-fit shrink-0 items-center justify-center gap-1 font-medium whitespace-nowrap [&_svg]:shrink-0 [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  {\n    variants: {\n      variant: {\n        default: \"text-base text-primary\",\n        primary:\n          \"rounded-4xl bg-primary px-2 py-0.5 text-xs text-primary-foreground [a&]:hover:bg-primary/80\",\n        secondary:\n          \"rounded-4xl bg-secondary px-2 py-0.5 text-xs text-secondary-foreground [a&]:hover:bg-secondary/80\",\n        badge:\n          \"rounded-4xl border border-border bg-background px-2 py-0.5 text-xs [a&]:hover:bg-muted [a&]:hover:text-muted-foreground\",\n        outline:\n          \"rounded-4xl border border-border bg-transparent px-2 py-0.5 text-xs [a&]:hover:bg-muted [a&]:hover:text-muted-foreground\",\n        ghost:\n          \"bg-transparent text-xs text-muted-foreground hover:bg-muted hover:text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nfunction Tagline({\n  className,\n  variant,\n  asChild = false,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof taglineVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"div\";\n\n  return (\n    <Comp\n      data-slot=\"tagline\"\n      data-variant={variant}\n      className={cn(taglineVariants({ variant }), className)}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nexport { Tagline, taglineVariants };\n",
      "type": "registry:ui",
      "target": "@components/shadcncraft/pro-marketing/tagline.tsx"
    }
  ],
  "meta": {
    "tier": "free",
    "figmaNodeId": "17897-105936",
    "bundle": "pro-marketing"
  },
  "type": "registry:ui"
}