this repo has no description
1import type { Metadata } from "next";
2import Link from "next/link";
3import "./globals.css";
4import { Inter } from "next/font/google";
5import { ThemeProvider } from "@/components/theme-provider";
6import {
7 NavigationMenu,
8 NavigationMenuItem,
9 NavigationMenuLink,
10 NavigationMenuList,
11 navigationMenuTriggerStyle,
12} from "@/components/ui/navigation-menu";
13import { cn } from "@/lib/utils";
14
15const inter = Inter({ subsets: ["latin"], variable: "--font-sans" });
16
17export const metadata: Metadata = {
18 title: "Tools of Alexandre",
19 description: "Don't use it",
20};
21
22const navItems = [
23 { href: "/", label: "Home" },
24 { href: "/growth", label: "Growth" },
25];
26
27export default function RootLayout({
28 children,
29}: Readonly<{ children: React.ReactNode }>) {
30 return (
31 <html
32 lang="en"
33 className={cn("font-sans", inter.variable)}
34 suppressHydrationWarning
35 >
36 <body className="min-h-screen flex flex-col">
37 <ThemeProvider
38 attribute="class"
39 defaultTheme="system"
40 enableSystem
41 disableTransitionOnChange
42 >
43 <header>
44 <NavigationMenu className="mx-auto p-4">
45 <NavigationMenuList>
46 {navItems.map((item) => (
47 <NavigationMenuItem key={item.href}>
48 <NavigationMenuLink
49 className={navigationMenuTriggerStyle()}
50 render={<Link href={item.href}>{item.label}</Link>}
51 />
52 </NavigationMenuItem>
53 ))}
54 </NavigationMenuList>
55 </NavigationMenu>
56 </header>
57 {children}
58 </ThemeProvider>
59 </body>
60 </html>
61 );
62}