import Header from "@/components/window/Header";
import Nav from "@/components/window/Nav";
import SideBar from "@/components/window/SideBar";

export default function BaseLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="bg-[#f1f0f2] h-full w-full">
      <Nav />

      <div className="flex flex-col w-full h-full">
        <SideBar />

        <main className="flex flex-col h-full pb-5 pr-5 ml-20 overflow-hidden ">
          <Header />

          {children}
        </main>
      </div>
    </div>
  );
}
