Develop

apps/link/app/(main)/_components/InternalLayout.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { FC, PropsWithChildren, useState } from "react";
+import { Grid } from "@mui/material";
+import { Sidebar } from "./Sidebar";
+
+export const InternalLayout: FC<PropsWithChildren> = ({ children }) => {
+  const [open, setOpen] = useState(true);
+
+  return (
+    <Grid container direction="row">
+      <Sidebar open={open} setOpen={setOpen} />
+      <Grid
+        item
+        sx={{ ml: open ? "270px" : "100px", width: "100%", height: "100vh" }}
+      >
+        {children as any}
+      </Grid>
+    </Grid>
+  );
+};