/ frontend / src / app / components / FlexBox.jsx
FlexBox.jsx
 1  import { Box, styled } from "@mui/material";
 2  
 3  const FlexBox = styled(Box)({ display: "flex" });
 4  
 5  const FlexBetween = styled(Box)({
 6    display: "flex",
 7    alignItems: "center",
 8    justifyContent: "space-between"
 9  });
10  
11  const FlexAlignCenter = styled(Box)({
12    display: "flex",
13    alignItems: "center",
14    justifyContent: "center"
15  });
16  
17  const FlexJustifyCenter = styled(Box)({
18    display: "flex",
19    justifyContent: "center"
20  });
21  
22  export { FlexBox, FlexBetween, FlexAlignCenter, FlexJustifyCenter };