text: import { makeStyles, CircularProgress } from '@material-ui/core';
  import React from 'react';
  
  const LoadingIndicator = () => {
    const classes = useStyle();
  
    return (
      <>
        <div className={classes.loadingDiv} />
        <CircularProgress size={60} className={classes.loadingItem} />
      </>
    );
  };
  
  const useStyle = makeStyles({
    loadingDiv: {
      position: 'absolute',
      background: 'black',
      height: '100%',
      width: '100%',
      opacity: 0.4,
      zIndex: 5000,
    },
    loadingItem: {
      position: 'absolute',
      top: '50%',
      left: '50%',
      zIndex: 5001,
    },
  });
  
  export default LoadingIndicator;
  