Cacher is the code snippet organizer for pro developers

import React, { Component } from 'react';
import CircularProgress from '@material-ui/core/CircularProgress';
import Dialog from '@material-ui/core/Dialog';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles(theme => ({
    progress: {
      margin: theme.spacing(2),
    },
  }));
  
  export default function ProgressDialog(props) {
    const classes = useStyles();
    const [open, setOpen] = React.useState(false);

    return (
      <div>
           <Dialog
                  open={props.open}
                    PaperProps={{
                        style: {
                        backgroundColor: 'transparent',
                        boxShadow: 'none',
                        overflow: "hidden"
                        },
                    }}
                    >
                        <CircularProgress className={classes.progress} />
                 </Dialog>
       
      </div>
    );
  }