@e-group/material-layout/esm/Main/Main.js

EGroup Team web layout react components.

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import React from 'react';
import clsx from 'clsx';
import { withStyles, createStyles } from '@material-ui/core';

const styles = theme => createStyles({
  root: {
    paddingTop: theme.spacing(3),
    paddingBottom: theme.spacing(25),
    [theme.breakpoints.down('sm')]: {
      paddingLeft: 0,
      paddingRight: 0,
      paddingTop: theme.spacing(2),
      paddingBottom: theme.spacing(20)
    }
  }
});

const Main = (_ref) => {
  let classes = _ref.classes,
      className = _ref.className,
      other = _objectWithoutProperties(_ref, ["classes", "className"]);

  return /*#__PURE__*/React.createElement("main", _extends({
    className: clsx(classes.root, className)
  }, other));
};

export default withStyles(styles, {
  name: 'EgMain'
})(Main);