36 lines
794 B
TypeScript
36 lines
794 B
TypeScript
|
import * as React from "react";
|
||
|
|
import { Box } from "@mui/material";
|
||
|
|
import theme from "../../theme";
|
||
|
|
import Menu from "../Menu";
|
||
|
|
import Header from "../Header";
|
||
|
|
import Content from "../Content";
|
||
|
|
|
||
|
|
|
||
|
|
const CenterBox: React.FC = () => {
|
||
|
|
return (
|
||
|
|
<React.Fragment>
|
||
|
|
<Box sx={{
|
||
|
|
backgroundColor: theme.palette.primary.light,
|
||
|
|
display: "flex",
|
||
|
|
width: "100%",
|
||
|
|
height: "100%"
|
||
|
|
}}>
|
||
|
|
<Menu />
|
||
|
|
<Box sx={{
|
||
|
|
width: "100%",
|
||
|
|
height: "100%",
|
||
|
|
display: "flex",
|
||
|
|
flexDirection: "column",
|
||
|
|
justifyContent: "space-between",
|
||
|
|
alignItems: "center"
|
||
|
|
}}>
|
||
|
|
<Header />
|
||
|
|
<Content />
|
||
|
|
</Box>
|
||
|
|
</Box>
|
||
|
|
</React.Fragment>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
export default CenterBox;
|