text: import React from 'react';
  import PropTypes from 'prop-types';
  
  import { withStyles } from 'material-ui/styles';
  import { CircularProgress } from 'material-ui/Progress';
  
  const styles = theme => ({
    root: {
      textAlign: 'center',
      paddingTop: theme.spacing.unit * 20,
      margin: 'auto',
    },
  });
  
  const Loading = props => (
    <div className={props.classes.root}>
      <CircularProgress size={50} />
    </div>
  );
  
  Loading.propTypes = {
    classes: PropTypes.object.isRequired,
  };
  
  export default withStyles(styles)(Loading);
  