2019-08-26 22:40:36 +02:00
|
|
|
import { defineMessages, useIntl } from 'react-intl'
|
2017-02-24 22:45:18 +01:00
|
|
|
import Head from 'next/head'
|
|
|
|
|
import Nav from './Nav'
|
|
|
|
|
|
|
|
|
|
const messages = defineMessages({
|
|
|
|
|
title: {
|
|
|
|
|
id: 'title',
|
2019-11-11 04:24:53 +01:00
|
|
|
defaultMessage: 'React Intl Next.js Example',
|
|
|
|
|
},
|
2017-02-24 22:45:18 +01:00
|
|
|
})
|
|
|
|
|
|
2020-05-18 23:44:18 +02:00
|
|
|
export default function Layout({ title, children }) {
|
2019-08-26 22:40:36 +02:00
|
|
|
const intl = useIntl()
|
2017-02-24 22:45:18 +01:00
|
|
|
|
2019-08-26 22:40:36 +02:00
|
|
|
return (
|
|
|
|
|
<div>
|
|
|
|
|
<Head>
|
2019-11-11 04:24:53 +01:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
2019-08-26 22:40:36 +02:00
|
|
|
<title>{title || intl.formatMessage(messages.title)}</title>
|
|
|
|
|
</Head>
|
2017-02-24 22:45:18 +01:00
|
|
|
|
2019-08-26 22:40:36 +02:00
|
|
|
<header>
|
|
|
|
|
<Nav />
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
{children}
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
