text: // import Badge from "@material-ui/core/Badge";
  // import Card from "@material-ui/core/Card";
  // import CardHeader from "@material-ui/core/CardHeader";
  // import CardContent from "@material-ui/core/CardContent";
  // import CardActions from "@material-ui/core/CardActions";
  // import Typography from "@material-ui/core/Typography";
  // import IconButton from "@material-ui/core/IconButton";
  // import Divider from "@material-ui/core/Divider";
  // import Avatar from "@material-ui/core/Avatar";
  // import Comment from "@material-ui/icons/Comment";
  // import DeleteTwoTone from "@material-ui/icons/DeleteTwoTone";
  // import Favorite from "@material-ui/icons/Favorite";
  // import FavoriteBorder from "@material-ui/icons/FavoriteBorder";
  import withStyles from "@material-ui/core/styles/withStyles";
  
  class Post extends React.Component {
    state = {};
  
    render() {
      return <div>Post</div>;
    }
  }
  
  const styles = theme => ({
    card: {
      marginBottom: theme.spacing(1) * 3
    },
    cardContent: {
      backgroundColor: "white"
    },
    cardHeader: {
      paddingTop: theme.spacing.unit,
      paddingBottom: theme.spacing.unit,
      backgroundColor: "rgba(11, 61, 130, 0.06)"
    },
    imageContainer: {
      textAlign: "center",
      padding: theme.spacing.unit
    },
    image: {
      height: 200
    },
    favoriteIcon: {
      color: theme.palette.favoriteIcon
    },
    commentIcon: {
      color: theme.palette.commentIcon
    }
  });
  
  export default withStyles(styles)(Post);
  