systeme.io-task
44 строки · 1.1 Кб
1import type { Metadata } from "next";
2import { Rubik as FontSans } from "next/font/google";
3import "./globals.css";
4import { cn } from "~/shared/lib/utils";
5import { Header } from "~/components/header";
6import { ThemeProvider } from "~/app/providers/theme";
7import { Toaster } from "~/shared/ui/sonner";
8
9const fontSans = FontSans({ subsets: ["latin"], variable: "--font-sans" });
10
11export const metadata: Metadata = {
12title: "Systeme.io Table ⚡",
13description: "A customizable table component",
14};
15
16export default function RootLayout({
17children,
18}: Readonly<{
19children: React.ReactNode;
20}>) {
21return (
22<html lang="en">
23<body
24className={cn(
25"min-h-screen bg-background font-sans antialiased",
26fontSans.variable,
27)}
28>
29<ThemeProvider
30attribute="class"
31defaultTheme="system"
32enableSystem
33disableTransitionOnChange
34>
35<div className="relative flex min-h-screen flex-col">
36<Header />
37<main className="flex-1">{children}</main>
38</div>
39<Toaster />
40</ThemeProvider>
41</body>
42</html>
43);
44}
45