{"size": 628, "ext": "js", "max_stars_repo_path": "src/components/Layout.js", "max_stars_repo_name": "seanbuchanandigital/wordpress-gatsby-wom", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Layout.js", "max_issues_repo_name": "seanbuchanandigital/wordpress-gatsby-wom", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Layout.js", "max_forks_repo_name": "seanbuchanandigital/wordpress-gatsby-wom", "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": 25.12, "max_line_length": 72, "alphanum_fraction": 0.5557324841}
import React from "react"
import Header from "./Header/Header"
import Footer from "./Footer/Footer"
import Aux from "react-aux"

const Layout = ({ children }) => {
  return (
    <Aux>
      <div id="page" className="site">
        <div className="content-wrapper">
          <Header></Header>
          <div id="page-content" className="page-content">
              <div id="page-main-content" className="page-main-content">
                  <article className="content">{children}</article>
              </div>
          </div>
          <Footer></Footer>
        </div>
      </div>
    </Aux>
  )
}

export default Layout
