text: import React from 'react'
  import PropTypes from 'prop-types'
  import { StaticQuery, graphql } from 'gatsby'
  
  import Header from './header'
  import './layout.css'
  
  const Layout = ({ children, pathname }) => (
  	<StaticQuery query={graphql`
  		query SiteTitleQuery {
  			site {
  				siteMetadata {
  					title
  				}
  			}
  		}
  	`}
  		render={data => (
  			<>
  				<Header siteTitle={data.site.siteMetadata.title} />
  				<div
  					style={{
  						margin: '0 auto',
  						maxWidth: pathname && pathname.includes('/post/') ? undefined : 960,
  						padding: '0px 1.0875rem 1.45rem',
  						paddingTop: 0,
  					}}
  				>
  					{children}
  				</div>
  			</>
  		)}
  	/>
  )
  
  Layout.propTypes = {
  	children: PropTypes.node.isRequired,
  	pathname: PropTypes.string,
  }
  
  export default Layout
  