src/components/Layout.tsx

import * as React from 'react'
import {Header} from './Header'
import {Footer} from './Footer'
import Head from 'next/head'

export const Layout: React.FunctionComponent = props =>
  <div id="layout">
    {/*language=PostCSS*/}
    <style jsx global>{`
        #layout {
            background-color: darkolivegreen;
        }
    `}
    </style>
    <Head>
      <meta
        name="viewport"
        content="width=device-width, initial-scale=1, shrink-to-fit=no"
      />
    </Head>
    <Header/>
    <main>
      {props.children}
    </main>
    <Footer/>
  </div>