{"size": 536, "ext": "js", "max_stars_repo_path": "src/DrawerLayout.js", "max_stars_repo_name": "David-liu-Master/react-ui-core", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/DrawerLayout.js", "max_issues_repo_name": "David-liu-Master/react-ui-core", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/DrawerLayout.js", "max_forks_repo_name": "David-liu-Master/react-ui-core", "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": 20.6153846154, "max_line_length": 52, "alphanum_fraction": 0.6455223881}
import React from 'react';
import PropTypes from 'prop-types';

import Drawer from './Drawer';
import LogoAppBar from './LogoAppBar';

class DrawerLayout extends React.Component {
  render() {
    const { drawer, appBar, children } = this.props;
    return (
      <div>
        <LogoAppBar {...appBar} />
        <Drawer {...drawer} />
        {children}
      </div>
    );
  }
}

DrawerLayout.propTypes = {
  drawer: PropTypes.shape(Drawer.propTypes),
  appBar: PropTypes.shape(LogoAppBar.propTypes)
};

export default DrawerLayout;
