{"size": 462, "ext": "js", "max_stars_repo_path": "src/layouts/PageLayout/PageLayout.js", "max_stars_repo_name": "twelch/kit-client-react-intl-token-proxy", "max_stars_repo_stars_event_min_datetime": "2016-07-18T01:05:34.000Z", "max_stars_repo_stars_event_max_datetime": "2019-06-24T09:51:43.000Z", "max_issues_repo_path": "src/layouts/PageLayout/PageLayout.js", "max_issues_repo_name": "twelch/kit-client-react-intl-token-proxy", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/layouts/PageLayout/PageLayout.js", "max_forks_repo_name": "twelch/kit-client-react-intl-token-proxy", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 6, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 16.5, "max_line_length": 54, "alphanum_fraction": 0.5714285714}
import React from 'react'

class PageLayout extends React.Component {

  static propTypes = {
    children: React.PropTypes.element
  }

  render () {
    const style = {
      page: {
        paddingTop: 140,
        display: 'flex',
        alignItems: 'center',
        flexDirection: 'column'
      }
    }

    return (
      <div className='page-layout' style={style.page}>
        {this.props.children}
      </div>
    )
  }
}

export default PageLayout
