{"size": 783, "ext": "js", "max_stars_repo_path": "src/components/layout.js", "max_stars_repo_name": "schhogyel/alpinesheep", "max_stars_repo_stars_event_min_datetime": "2019-01-21T01:16:00.000Z", "max_stars_repo_stars_event_max_datetime": "2019-01-21T01:16:00.000Z", "max_issues_repo_path": "src/components/layout.js", "max_issues_repo_name": "schhogyel/alpinesheep", "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": "schhogyel/alpinesheep", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.0294117647, "max_line_length": 72, "alphanum_fraction": 0.5057471264}
import React from 'react'
import { StaticQuery, graphql } from 'gatsby'
import Sidebar from './Sidebar'
import TopBar from './TopBar'
import Footer from './Footer'

export default ({ children }) => (
  <StaticQuery
    query={graphql`
      query {
        site {
          siteMetadata {
            title
          }
        }
      }
    `}
    render={data => (
      <>
        <TopBar siteTitle={data.site.siteMetadata.title} />
        <main className="flex w-full max-w-screen-xl mx-auto pb-12 p-4">
          <div className="w-1/4 hidden lg:block">
            <Sidebar />
          </div>
          <div className="lg:w-3/4 w-full">
            <div className="lg:max-w-md pt-16">{children}</div>
          </div>
        </main>
        <Footer />
      </>
    )}
  />
)
