import type { Metadata } from "next";
import type { ReactNode } from 'react';
import { Toaster } from 'sonner';
import Header from "@/components/other/header";
import Footer from "@/components/other/footer";
import TooltipProvider from "@/components/providers/TooltipProvider";
import '../styles/globals.css';

export const metadata: Metadata = {
    title: "Local Pc",
    description: "hoanghapc",
};

export default function RootLayout({
    children,
}: {
    children: ReactNode;
}) {
    return (
        <html lang="vi">
        <body>
            <Header />

            <TooltipProvider>
                {children}
            </TooltipProvider>

            <Footer />

            <Toaster
                position="top-right"
                closeButton
                richColors
            />

        </body>
        </html>
    );
}