text: import React from "react";
  import PropTypes from "prop-types";
  import { withStyles } from "material-ui/styles";
  import Card, { CardContent } from "material-ui/Card";
  // import Button from "material-ui/Button";
  import Typography from "material-ui/Typography";
  
  const styles = theme => ({
    card: {
      minWidth: 100,
      textAlign: "center"
    },
    bullet: {
      display: "inline-block",
      margin: "0 2px",
      transform: "scale(0.8)"
    },
    title: {
      marginBottom: 16,
      fontSize: 14,
      color: theme.palette.text.secondary
    },
    pos: {
      marginBottom: 12,
      color: theme.palette.text.secondary
    }
  });
  
  function SimpleCard(props) {
    const { classes, percentage } = props;
  
    return (
      <div>
        <Card className={classes.card}>
          <CardContent>
            <Typography className={classes.title}>Percent</Typography>
            <Typography type="headline" component="h2">
              {percentage.percentage}%
            </Typography>
          </CardContent>
        </Card>
      </div>
    );
  }
  
  SimpleCard.propTypes = {
    classes: PropTypes.object.isRequired
  };
  
  export default withStyles(styles)(SimpleCard);
  