content: import React from 'react';
  import PropTypes from 'prop-types';
  import classNames from 'classnames';
  import { withStyles } from 'material-ui/styles';
  
  const styles = theme => ({
    root: theme.mixins.gutters({
      paddingTop: 80,
      flex: '1 1 100%',
      maxWidth: '100%',
      margin: '0 auto',
    }),
    [theme.breakpoints.up('md')]: {
      root: {
        maxWidth: theme.breakpoints.values.md,
      },
    },
  });
  
  function AppContent(props) {
    const { className, classes, children } = props;
  
    return <div className={classNames(classes.root, className)}>{children}</div>;
  }
  
  AppContent.propTypes = {
    children: PropTypes.node.isRequired,
    classes: PropTypes.object.isRequired,
    className: PropTypes.string,
  };
  
  export default withStyles(styles)(AppContent);
  