{"size": 1281, "ext": "js", "max_stars_repo_path": "src/util/FilterSkeleton.js", "max_stars_repo_name": "AlanFnz/beatmon-cli", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/util/FilterSkeleton.js", "max_issues_repo_name": "AlanFnz/beatmon-cli", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/util/FilterSkeleton.js", "max_forks_repo_name": "AlanFnz/beatmon-cli", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.6346153846, "max_line_length": 61, "alphanum_fraction": 0.5807962529}
import React from 'react';
import PropTypes from 'prop-types';
import withStyles from '@material-ui/core/styles/withStyles';
// Material UI
import Paper from '@material-ui/core/Paper';
import Hidden from '@material-ui/core/Hidden';

const styles = (theme) => ({
  ...theme.spread,
  fullLine: {
    height: 15,
    backgroundColor: 'rgba(252,187,109, 0.6)',
    width: '85%',
    margin: '0 auto 10px auto',
  },
  halfLine: {
    height: 15,
    backgroundColor: 'rgba(0,0,0, 0.15)',
    width: '50%',
    margin: '5px auto 15px auto',
  },
});

const ProfileSkeleton = (props) => {
  const { classes } = props;
  return (
    <Paper className={classes.paper}>
      <div className={classes.profile}>
        <div className="profile-details">
          <div className={classes.halfLine} />
          <hr />
          <div className={classes.fullLine} />
          <Hidden xsDown>
            <hr />
            <div className={classes.fullLine} />
            <hr />
            <div className={classes.fullLine} />
            <hr />
            <div className={classes.fullLine} />
          </Hidden>
        </div>
      </div>
    </Paper>
  );
};

ProfileSkeleton.propTypes = {
  classes: PropTypes.object.isRequired,
};

export default withStyles(styles)(ProfileSkeleton);
