{"size": 665, "ext": "js", "max_stars_repo_path": "components/MyLayout.js", "max_stars_repo_name": "Bseptiers29/BeerApp", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "components/MyLayout.js", "max_issues_repo_name": "Bseptiers29/BeerApp", "max_issues_repo_issues_event_min_datetime": "2021-03-09T12:18:58.000Z", "max_issues_repo_issues_event_max_datetime": "2021-12-09T01:04:54.000Z", "max_forks_repo_path": "components/MyLayout.js", "max_forks_repo_name": "Bseptiers29/BeerApp", "max_forks_repo_forks_event_min_datetime": "2019-07-17T15:21:04.000Z", "max_forks_repo_forks_event_max_datetime": "2019-07-17T15:21:04.000Z"}
{"max_stars_count": null, "max_issues_count": 4, "max_forks_count": 1, "avg_line_length": 15.4651162791, "max_line_length": 53, "alphanum_fraction": 0.5533834586}
import Header from './Header';

const layoutStyle = {
    margin : 20,
    padding : 20,
    border : '1px solid #DDD'
};

const Layout = props => (
  <div style={layoutStyle}>
    <Header />
    {props.children}
  </div>
);

export default Layout


/* Methode 1  : MyLayout est le composent "supérieur"
const withLayout = Page => {
    return () => (
        <div style={layoutStyle}>
            <Header />
            <Page />
        </div>
    );
};

export default withLayout;
*/

/* Methode 2 : Page Content en props
const Layout = props => (
    <div style={layoutStyle}>
        <Header />
        {props.content}
    </div>
);

export default Layout;
*/

