import { Sidebar } from "@/components/dashboard/sidebar"
import { type JSX } from "react"

export default function AppRootLayout({ children }: { children: React.ReactNode }): JSX.Element {
  return (
    <>
      <div className="flex ">
        <div className="max-w-xs">
          <Sidebar className="h-screen border-r fixed top-0 left-0 w-60" />
          {/* <text>CODEFLASH!</text> */}
        </div>
        <div className="px-4 py-4 relative left-60 w-[calc(100%-240px)]">{children}</div>
      </div>
    </>
  )
}
