frontend/containers/Loading/index.tsx (view raw)
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;