import {Inter} from "next/font/google";
import "./globals.css";
import NavBar from "@/components/Navbar";
import Providers from "./Providers";
import {PropsWithChildren} from "react";
import {Toaster} from "@/components/ui/sonner";

const inter = Inter({subsets: ["latin"]});

export default function RootLayout({
                                       children,
                                   }: PropsWithChildren) {
    return (
        <html lang="en">
        <Providers>
            <body className={inter.className}>
            <NavBar/>
            <main className="px-14 pt-14 pb-16 max-w-4xl mx-auto flex flex-col">
                {children}
            </main>
            <Toaster/>
            </body>
        </Providers>
        </html>
    );
}