layout.tsx
1 import './globals.css' 2 import { Inter } from 'next/font/google' 3 import { headers } from "next/headers"; 4 import ContextProvider from '@/context/index' 5 const inter = Inter({ subsets: ['latin'] }) 6 7 export default async function RootLayout({ 8 children, 9 }: { 10 children: React.ReactNode 11 }) { 12 13 14 const cookies = await (await headers()).get("cookie"); 15 16 return ( 17 <html lang="en"> 18 <body className={inter.className}> 19 <div className="container mx-auto max-w-6xl"> 20 <div className="grid grid-cols-1 md:grid-cols-4 gap-6"> 21 <ContextProvider cookies={cookies}>{children}</ContextProvider> 22 </div> 23 </div> 24 </body> 25 </html> 26 ) 27 } 28