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

"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>
  );
};