1import CircularProgress from '@mui/material/CircularProgress';
 2import { styled } from '@mui/material/styles';
 3import Container from '@mui/material/Container';
 4const PREFIX = 'Loading';
 5
 6const classes = {
 7  container: `${PREFIX}-container`
 8};
 9
10const StyledContainer = styled(Container)((
11  {
12    theme
13  }
14) => ({
15  [`&.${classes.container}`]: {
16    display: 'flex',
17    alignItems: 'center',
18    justifyContent: 'center',
19    height: '100vh',
20  }
21}));
22
23const Loading = () => {
24
25  return (
26    <StyledContainer className={classes.container}>
27      <CircularProgress />
28    </StyledContainer>
29  );
30};
31
32export default Loading;