{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "nextjs-layout-with-header",
  "title": "Layout with Header",
  "description": "A root layout component with Clerk provider, theme provider, and header.",
  "dependencies": [
    "@clerk/nextjs",
    "@clerk/ui",
    "next-themes"
  ],
  "registryDependencies": [
    "@clerk/nextjs-clerk-provider",
    "@clerk/nextjs-theme-provider",
    "@clerk/nextjs-header"
  ],
  "files": [
    {
      "path": "nextjs/common/layout-with-header/layout-with-header.tsx",
      "content": "import { ClerkProvider } from '@/components/clerk-provider';\nimport { Header } from '@/components/header';\nimport { ThemeProvider } from '@/components/theme-provider';\nimport type { Metadata } from 'next';\nimport { Geist, Geist_Mono } from 'next/font/google';\nimport { cn } from '@/lib/utils';\nimport './globals.css';\n\nconst geist = Geist({\n  variable: '--font-sans',\n  subsets: ['latin'],\n});\n\nconst geistMono = Geist_Mono({\n  variable: '--font-mono',\n  subsets: ['latin'],\n});\n\nexport const metadata: Metadata = {\n  title: 'Clerk Next.js Quickstart',\n  description: 'Generated by create next app',\n};\n\nexport default function RootLayout({\n  children,\n}: Readonly<{\n  children: React.ReactNode;\n}>) {\n  return (\n    <html\n      lang='en'\n      className={cn('h-full', geist.variable, geistMono.variable)}\n      suppressHydrationWarning\n    >\n      <body className='flex min-h-full flex-col antialiased'>\n        <ClerkProvider>\n          <ThemeProvider\n            attribute='class'\n            defaultTheme='system'\n            enableSystem\n            disableTransitionOnChange\n          >\n            <Header />\n            {children}\n          </ThemeProvider>\n        </ClerkProvider>\n      </body>\n    </html>\n  );\n}\n",
      "type": "registry:page",
      "target": "app/layout.tsx"
    }
  ],
  "type": "registry:page"
}