| import type React from "react" | |
| import type { Metadata } from "next" | |
| import { Inter } from "next/font/google" | |
| import { JetBrains_Mono as JetBrainsMono } from "next/font/google" | |
| import { Analytics } from "@vercel/analytics/next" | |
| import { Suspense } from "react" | |
| import "./globals.css" | |
| import { ThemeProvider } from "@/theme-provider" | |
| const inter = Inter({ subsets: ["latin"], variable: "--font-inter", display: "swap" }) | |
| const jetBrainsMono = JetBrainsMono({ subsets: ["latin"], variable: "--font-jetbrains-mono", display: "swap" }) | |
| export const metadata: Metadata = { | |
| title: "Awesome Food Allergy Research Datasets", | |
| description: "A curated collection of datasets for advancing food allergy research", | |
| generator: "v0.app", | |
| } | |
| export default function RootLayout({ | |
| children, | |
| }: Readonly<{ | |
| children: React.ReactNode | |
| }>) { | |
| return ( | |
| <html lang="en" suppressHydrationWarning> | |
| <body className={`font-sans ${inter.variable} ${jetBrainsMono.variable} min-h-dvh antialiased`}> | |
| <ThemeProvider attribute="class" defaultTheme="light" forcedTheme="light" disableTransitionOnChange> | |
| <Suspense fallback={null}> | |
| {children} | |
| <Analytics /> | |
| </Suspense> | |
| </ThemeProvider> | |
| </body> | |
| </html> | |
| ) | |
| } | |