{"size": 935, "ext": "js", "max_stars_repo_path": "src/components/layout.js", "max_stars_repo_name": "gabesharpton/gatsbyPortfolio", "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": "gabesharpton/gatsbyPortfolio", "max_issues_repo_issues_event_min_datetime": "2021-08-31T18:04:41.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T23:02:58.000Z", "max_forks_repo_path": "src/components/layout.js", "max_forks_repo_name": "gabesharpton/gatsbyPortfolio", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 4, "max_forks_count": null, "avg_line_length": 18.7, "max_line_length": 48, "alphanum_fraction": 0.5957219251}
import React from "react"
import { useStaticQuery, graphql } from "gatsby"
import styled from "styled-components"
import AboutMe from './aboutMe'
import Languages from './languages'
import Header from "./header"
import Projects from "./projects"
import Footer from "./footer"
import SEO from './seo'
import "./layout.css"

const Layout = ({ children }) => {
  const data = useStaticQuery(graphql`
    query SiteTitleQuery {
      site {
        siteMetadata {
          title
        }
      }
    }
  `)

  const LayoutBody = styled.div`
    margin: 0 auto,
    padding: 0 ,
    text-align: center,
    footer {font-size: 2rem,}


  `
    
console.log(data)

  return (
      <LayoutBody>
        <SEO title='Gabe Sharpton Portfolio'
              description='Gatsby portfolio' />
        <Header />
        <AboutMe />
        <Languages />
        <Projects />
        <Footer />
      </LayoutBody>
  )
}



export default Layout
