import React from 'react';

import { CircularProgress, Grid } from '@/mui/components';

import styles from './Loader.module.scss';

function Loader() {
  return (
    <Grid container justifyContent="center" alignItems="center" className={styles.Loader}>
      <Grid item>
        <CircularProgress
          classes={{
            root: styles.ProgressRoot,
          }}
        />
      </Grid>
      <Grid item className={styles.LoaderText}>
        <span>Loading Dashboard...</span>
      </Grid>
    </Grid>
  );
}

export default Loader;
