text: import React from 'react';
  import PropTypes from 'prop-types';
  import { withStyles } from '@material-ui/core/styles';
  import CircularProgress from '@material-ui/core/CircularProgress';
  
  const styles = theme => ({
    progress: {
      margin: theme.spacing.unit * 2,
    },
    center: {
      margin: '0',
      position: 'absolute',
      top: '50%',
      left: '50%',
      marginRight: '-50%',
      transform: 'translate(-50%, -50%)', 
      maxWidth:'100%',
    }
  });
  
  function CircularIndeterminate(props) {
    const { classes } = props;
    return (
      <div className={classes.center}>
        <CircularProgress className={classes.progress} />
      </div>
    );
  }
  
  CircularIndeterminate.propTypes = {
    classes: PropTypes.object.isRequired,
  };
  
  export default withStyles(styles)(CircularIndeterminate);