import type { Metadata } from "next";
import "./globals.css";

import Sidebar from "@/components/Sidebar";
import Header from "@/components/Header";
import { ToastProvider } from "@/components/common/ToastProvider";

export const metadata: Metadata = {
  title: "Olympus ERP",
  description: "Olympus ERP",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="de">
      <body className="bg-slate-100">

        <ToastProvider>
          <div className="flex h-screen">

            <Sidebar />

            <div className="flex flex-col flex-1">

              <Header />

              <main className="flex-1 overflow-auto p-8">

                {children}

              </main>

            </div>

          </div>
        </ToastProvider>

      </body>
    </html>
  );
}
