// @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> )