19 lines
459 B
TypeScript
19 lines
459 B
TypeScript
import { FC, useState } from "react";
|
|
import { Grid } from "@mui/material";
|
|
import { Sidebar } from "./Sidebar";
|
|
|
|
export const Layout = ({ 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}
|
|
</Grid>
|
|
</Grid>
|
|
);
|
|
};
|