/**
* Layout component that queries for data
* with Gatsby's useStaticQuery component
*
* See: https://www.gatsbyjs.org/docs/use-static-query/
*/
import React from "react"
import PropTypes from "prop-types"
import { useStaticQuery, graphql } from "gatsby"
import "./layout.css"
import Footer from "./footer"
import Nav from "./nav"
const Layout = ({ children }) => {
const data = useStaticQuery(graphql`
query SiteTitleQuery {
site {
siteMetadata {
title
}
}
}
`)
// <Header siteTitle={data.site.siteMetadata.title} />
return (
<>
<div
style={{
margin: `0 auto`,
maxWidth: 1100,
padding: `0 1.0875rem 1.45rem`,
}}
>
<Nav/>
<div className="space"></div>
<main id="main">{children}</main>
<Footer/>
</div>
</>
)
}
Layout.propTypes = {
children: PropTypes.node.isRequired,
}
export default Layout
