2019-08-29 18:22:42 +02:00
|
|
|
import ActiveLink from './ActiveLink'
|
2017-10-30 15:24:31 +01:00
|
|
|
|
2019-08-29 18:22:42 +02:00
|
|
|
const Nav = () => (
|
2017-10-30 15:24:31 +01:00
|
|
|
<nav>
|
|
|
|
<style jsx>{`
|
|
|
|
.nav-link {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
2019-08-29 18:22:42 +02:00
|
|
|
.active:after {
|
|
|
|
content: ' (current page)';
|
|
|
|
}
|
|
|
|
`}</style>
|
|
|
|
<ul className='nav'>
|
2017-10-30 15:24:31 +01:00
|
|
|
<li>
|
2019-08-29 18:22:42 +02:00
|
|
|
<ActiveLink activeClassName='active' href='/'>
|
|
|
|
<a className='nav-link'>Home</a>
|
|
|
|
</ActiveLink>
|
2017-10-30 15:24:31 +01:00
|
|
|
</li>
|
|
|
|
<li>
|
2019-08-29 18:22:42 +02:00
|
|
|
<ActiveLink activeClassName='active' href='/about'>
|
2017-10-31 08:58:00 +01:00
|
|
|
<a className='nav-link'>About</a>
|
2019-08-29 18:22:42 +02:00
|
|
|
</ActiveLink>
|
2017-10-30 15:24:31 +01:00
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</nav>
|
2017-10-31 08:58:00 +01:00
|
|
|
)
|
2019-08-29 18:22:42 +02:00
|
|
|
|
|
|
|
export default Nav
|