{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "header-with-content",
  "title": "Header with content",
  "description": "A layout with a header, and some content space",
  "registryDependencies": [],
  "files": [
    {
      "path": "components/ui/slide-cn/header-with-content.tsx",
      "content": "import { cn } from \"@/lib/utils\";\n\n/**\n * HeaderWithContent\n *\n * A simple layout for a slide. Very lightly styled. Can be overwritten using the className prop\n *\n * Usage\n * ```tsx\n * <Deck>\n * \t<Slide background={<BackgroundComponent/>}>\n * \t\t<HeaderWithContent>\n * \t\t\t<HeaderWithContent.Header>\n * \t\t\t\tWelcome to slide-cn\n * \t\t\t</HeaderWithContent.Header>\n * \t\t\t<HeaderWithContent.Content>\n * \t\t\t\tContent of the slide\n * \t\t\t</HeaderWithContent.Content>\n * \t\t</HeaderWithContent>\n * \t</Slide>\n * </Deck>\n * ```\n */\n\nexport function HeaderWithContent({ children, className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col w-full h-full p-4 md:p-8 gap-4\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nHeaderWithContent.Header = function Header({ children, className, ...props }: React.ComponentProps<\"h1\">) {\n\treturn (\n\t\t<h1\n\t\t\tclassName={cn(\n\t\t\t\t\"font-bold text-foreground text-2xl md:text-4xl lg:text-6xl tracking-tight antialiased\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</h1>\n\t)\n}\n\nHeaderWithContent.Content = function Content({ children, className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground text-sm md:text-xl lg:text-2xl flex-1\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\n",
      "type": "registry:component",
      "target": "components/ui/slide-cn/header-with-content.tsx"
    }
  ],
  "type": "registry:component"
}