import { ReactNode } from "react";
import BasicLayout from "../basic-layout";
import Sidebar from "@/shared/components/sidebar";

type TSidebarLayoutProps = {
	children: ReactNode;
};

const SidebarLayout = ({ children }: TSidebarLayoutProps) => {
	return (
		<BasicLayout>
        <div className="flex p-6 gap-14">
          <Sidebar />
          <div className="rounded-[9px] bg-white shadow-[0_0_36px_0_#00000014] px-6 py-8 w-full overflow-auto">
          {children}
          </div>
        </div>
		</BasicLayout>
	);
};

export default SidebarLayout;