38 lines
935 B
TypeScript
38 lines
935 B
TypeScript
"use client";
|
|
|
|
import { FC, PropsWithChildren, useState } from "react";
|
|
import { Grid } from "@mui/material";
|
|
import { Sidebar } from "./Sidebar";
|
|
import { CssBaseline } from "@mui/material";
|
|
import { css, Global } from "@emotion/react";
|
|
import { fonts } from "@/app/_styles/theme";
|
|
|
|
type LayoutProps = PropsWithChildren<{
|
|
docs?: any;
|
|
}>;
|
|
|
|
export const InternalLayout: FC<PropsWithChildren> = ({ children }) => {
|
|
const [open, setOpen] = useState(true);
|
|
const { roboto } = fonts;
|
|
const globalCSS = css`
|
|
* {
|
|
font-family: ${roboto.style.fontFamily};
|
|
}
|
|
`;
|
|
|
|
return (
|
|
<>
|
|
<Global styles={globalCSS} />
|
|
<CssBaseline />
|
|
<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>
|
|
</>
|
|
);
|
|
};
|