{"size": 1390, "ext": "js", "max_stars_repo_path": "src/components/main-layout.js", "max_stars_repo_name": "mildiemilk/front-Benefit-BlockChain", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/main-layout.js", "max_issues_repo_name": "mildiemilk/front-Benefit-BlockChain", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/main-layout.js", "max_forks_repo_name": "mildiemilk/front-Benefit-BlockChain", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 30.2173913043, "max_line_length": 83, "alphanum_fraction": 0.6151079137}
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import MediaQuery from 'react-responsive';
import Sidebar from './sidebar';
import HamburgerMenu from './sidebar/Hamburger';

class MainLayout extends Component {
  static propTypes = {
    children: PropTypes.element.isRequired,
    hamburgerMenu: PropTypes.bool.isRequired,
    handleCloseHamburgerMenu: PropTypes.func.isRequired,
  }
  constructor(props) {
    super(props);
    this.state = {};
  }
  render() {
    const { children, hamburgerMenu, handleCloseHamburgerMenu } = this.props;
    return (
      <div className="row">
        <MediaQuery query="(min-width: 1329px)">
          <div className="large-2 columns">
            <Sidebar
              Location={children}
              handleCloseHamburgerMenu={handleCloseHamburgerMenu}
            />
          </div>
        </MediaQuery>
        <HamburgerMenu
          hamburgerMenu={hamburgerMenu}
          handleCloseHamburgerMenu={handleCloseHamburgerMenu}
          Location={children}
        />
        <div className="large-10 medium-12 small-12 columns custom-grid-width-100">
          <div className="row" style={{ margin: '75px 40px 40px 20px' }} >
            <main id="page-wrap" className="sideBar">
              {children}
            </main>
          </div>
        </div>
      </div>
    );
  }
}
export default MainLayout;
