uchill/front_minimal/src/components/loading-screen/loading-screen.jsx

33 lines
698 B
JavaScript

import Box from '@mui/material/Box';
import Portal from '@mui/material/Portal';
import LinearProgress from '@mui/material/LinearProgress';
// ----------------------------------------------------------------------
export function LoadingScreen({ portal, sx, ...other }) {
const content = (
<Box
sx={{
px: 5,
width: 1,
flexGrow: 1,
minHeight: 1,
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
...sx,
}}
{...other}
>
<LinearProgress color="inherit" sx={{ width: 1, maxWidth: 360 }} />
</Box>
);
if (portal) {
return <Portal>{content}</Portal>;
}
return content;
}