2017-01-19 09:48:55 +00:00
|
|
|
// @flow
|
|
|
|
|
|
2017-12-03 22:58:46 +00:00
|
|
|
import * as React from 'react'
|
2017-01-19 09:48:55 +00:00
|
|
|
import Link from 'next/link'
|
|
|
|
|
import Head from 'next/head'
|
|
|
|
|
|
|
|
|
|
type Props = {
|
2018-01-30 20:11:37 +00:00
|
|
|
children?: React.Node,
|
2017-01-19 09:48:55 +00:00
|
|
|
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>
|
|
|
|
|
)
|
