{"size": 685, "ext": "js", "max_stars_repo_path": "src/layout/index.js", "max_stars_repo_name": "stackbit-projects/nervous-daffodil-e2e35", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/layout/index.js", "max_issues_repo_name": "stackbit-projects/nervous-daffodil-e2e35", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/layout/index.js", "max_forks_repo_name": "stackbit-projects/nervous-daffodil-e2e35", "max_forks_repo_forks_event_min_datetime": "2021-03-17T23:37:17.000Z", "max_forks_repo_forks_event_max_datetime": "2021-04-11T06:36:10.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 2, "avg_line_length": 19.0277777778, "max_line_length": 76, "alphanum_fraction": 0.6613138686}
import React from "react"
import PropTypes from "prop-types"
import classNames from "classnames"

import Footer from "./footer"
import Header from "./header"
import { DebugMediaQueries } from "@plugins/gatsby-ample-debuggers"

const Layout = ({ children, className }) => (
  <>
    <Header />

    <main
      className={classNames({
        [className]: className
      })}
    >
      {children}
    </main>

    <Footer />

    <DebugMediaQueries isShowing={process.env.GATSBY_DEBUG_MEDIA_QUERIES} />
  </>
)

Layout.propTypes = {
  children: PropTypes.node.isRequired,
  /**
   * Additional classes on the main element.
   */
  className: PropTypes.string
}

export default Layout
