mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
29 lines
553 B
JavaScript
29 lines
553 B
JavaScript
|
import React from 'react'
|
||
|
|
import {FormattedMessage} from 'react-intl'
|
||
|
|
import Link from 'next/link'
|
||
|
|
|
||
|
|
export default () => (
|
||
|
|
<nav>
|
||
|
|
<li>
|
||
|
|
<Link href='/'>
|
||
|
|
<a><FormattedMessage id='nav.home' defaultMessage='Home' /></a>
|
||
|
|
</Link>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<Link href='/about'>
|
||
|
|
<a><FormattedMessage id='nav.about' defaultMessage='About' /></a>
|
||
|
|
</Link>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<style jsx>{`
|
||
|
|
nav {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
li {
|
||
|
|
list-style: none;
|
||
|
|
margin-right: 1rem;
|
||
|
|
}
|
||
|
|
`}</style>
|
||
|
|
</nav>
|
||
|
|
)
|