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