{"size": 989, "ext": "js", "max_stars_repo_path": "src/layouts/base.js", "max_stars_repo_name": "rogermparent/Tubes", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/layouts/base.js", "max_issues_repo_name": "rogermparent/Tubes", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/layouts/base.js", "max_forks_repo_name": "rogermparent/Tubes", "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": 24.725, "max_line_length": 90, "alphanum_fraction": 0.5176946411}
import React from 'react';
import Header from '../components/header.js';
import Footer from '../components/footer.js';
import '../styles/main.scss';
import { StaticQuery, graphql } from "gatsby";
import Helmet from "react-helmet";

export default ({children, contextualNav, title}) => (
    <StaticQuery
      query={ graphql`
query BaseLayoutQuery {
  siteConfig: configYaml(fields: {dir: {eq: "data/config"}, slug: {eq: "site"}}) {
    title
    header_nav {
      label
      url
    }
  }
}
`
      }
      render={({siteConfig}) => (
          <div id="site">
            <Helmet>
              <title>{title ? `${title} | ${siteConfig.title}` : siteConfig.title}</title>
            </Helmet>
            <Header
              title={siteConfig.title}
              nav={siteConfig.header_nav}
              contextualNav={contextualNav}
              />
            <main>
              { children }
            </main>
            <Footer />
          </div>
      )}
        />
)
