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>
|
2019-11-11 04:24:53 +01:00
|
|
|
<ul className="nav">
|
2017-10-30 15:24:31 +01:00
|
|
|
<li>
|
2019-11-11 04:24:53 +01:00
|
|
|
<ActiveLink activeClassName="active" href="/">
|
|
|
|
<a className="nav-link">Home</a>
|
2019-08-29 18:22:42 +02:00
|
|
|
</ActiveLink>
|
2017-10-30 15:24:31 +01:00
|
|
|
</li>
|
|
|
|
<li>
|
2019-11-11 04:24:53 +01:00
|
|
|
<ActiveLink activeClassName="active" href="/about">
|
|
|
|
<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
|