"use client"
import Header from "@/components/window/Header"
import Nav from "@/components/window/Nav"
import SideBar from "@/components/window/SideBar"
import clsx from "clsx"
// import { platform } from "@tauri-apps/plugin-os"

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

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

        <main
          className={clsx(
            "flex flex-col h-full pb-5 pr-5 ml-20 overflow-hidden",
            // platform() === "windows" ? "ml-20" : "ml-[4.25rem]"
          )}
        >
          <Header />

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