{"size": 717, "ext": "js", "max_stars_repo_path": "components/Main.js", "max_stars_repo_name": "kognise/digitalgov-workflow-react", "max_stars_repo_stars_event_min_datetime": "2019-01-11T02:39:25.000Z", "max_stars_repo_stars_event_max_datetime": "2019-01-11T02:39:25.000Z", "max_issues_repo_path": "components/Main.js", "max_issues_repo_name": "kognise/digitalgov-workflow-react", "max_issues_repo_issues_event_min_datetime": "2019-01-12T01:53:18.000Z", "max_issues_repo_issues_event_max_datetime": "2019-01-12T01:53:18.000Z", "max_forks_repo_path": "components/Main.js", "max_forks_repo_name": "kognise/digitalgov-workflow-react", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 26.5555555556, "max_line_length": 120, "alphanum_fraction": 0.6331938633}
import { Component } from 'react'
import PropTypes from 'prop-types'

export default class extends Component {
  displayName = 'Main'

  propTypes = {
    padding: PropTypes.oneOfType([
      PropTypes.number,
      PropTypes.string
    ]),
    className: PropTypes.string,
    gridType: PropTypes.string,
    children: PropTypes.oneOfType([
      PropTypes.arrayOf(PropTypes.node),
      PropTypes.node
    ]).isRequired
  }

  render() {
    return <main id='main-content' className={`padding-y-${this.props.padding || '1'} ` + (this.props.className || '')}>
      <div className={`grid-container${this.props.gridType ? '-' + this.props.gridType : ''}`}>
        {this.props.children}
      </div>
    </main>
  }
}