{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "heading",
  "title": "heading",
  "description": "heading",
  "dependencies": [
    "tailwind-merge"
  ],
  "files": [
    {
      "path": "src/components/ui/heading.tsx",
      "content": "import { twMerge } from 'tailwind-merge'\n\ntype HeadingType = { level?: 1 | 2 | 3 | 4 } & React.ComponentPropsWithoutRef<\n  'h1' | 'h2' | 'h3' | 'h4'\n>\n\ninterface HeadingProps extends HeadingType {\n  className?: string | undefined\n}\n\nconst Heading = ({ className, level = 1, ...props }: HeadingProps) => {\n  const Element: `h${typeof level}` = `h${level}`\n  return (\n    <Element\n      className={twMerge(\n        'font-display font-semibold text-fg 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\nexport type { HeadingProps }\nexport { Heading }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}