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

export default ({ children, enableHeroText }) => (
  <div 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>
  </div>
);