import React from 'react'
import Meta from './Meta'
import Header from './Header'
import Footer from './Footer'

export default ({ children, enableHeroText }) => (
  <main className="main mt4 mb4">
    <Meta />
    <Header enableHeroText={enableHeroText} />
    <div className="page">{children}</div>

    <Footer />

    <style jsx>{`
      .main {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
      }
    `}</style>
  </main>
)