// @flow

import type {Element} from 'React'
import Link from 'next/link'
import Head from 'next/head'

type Props = {
  children?: Element<any>,
  title?: string
}

export default ({children, title = 'This is the default title'}: Props) => (
  <div>
    <Head>
      <title>{title}</title>
      <meta charSet='utf-8' />
      <meta name='viewport' content='initial-scale=1.0, width=device-width' />
    </Head>
    <header>
      <nav>
        <Link href='/'><a>Home</a></Link>|
        <Link href='/about'><a>About</a></Link>|
        <Link href='/contact'><a>Contact</a></Link>
      </nav>
    </header>
    {children}
    <footer>
      I`m here to stay
    </footer>
  </div>
)