{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "heading",
  "title": "heading",
  "description": "heading",
  "dependencies": [
    "cn"
  ],
  "files": [
    {
      "path": "src/components/ui/heading.tsx",
      "content": "import { cn } from \"cn\"\n\nexport type HeadingType = { level?: 1 | 2 | 3 | 4 } & React.ComponentPropsWithoutRef<\n  \"h1\" | \"h2\" | \"h3\" | \"h4\"\n>\n\nexport interface HeadingProps extends HeadingType {\n  className?: string | undefined\n}\n\nexport function Heading({ className, level = 1, ...props }: HeadingProps) {\n  const Element: `h${typeof level}` = `h${level}`\n  return (\n    <Element\n      className={cn(\n        \"font-display font-semibold text-foreground tracking-tight\",\n        level === 1 && \"text-xl/8 sm:text-2xl/8\",\n        level === 2 && \"text-lg/6 sm:text-xl/8\",\n        level === 3 && \"text-base/6 sm:text-lg/6\",\n        level === 4 && \"text-base/6\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}