| 1 | import { h } from 'preact'
|
| 2 |
|
| 3 | const InPageNav = ({links, className}) =>
|
| 4 | h('nav', {
|
| 5 | className: 'db dt-l w-100 border-box pv3 ' + (className || '')
|
| 6 | },
|
| 7 | h('div', {
|
| 8 | className: 'db dtc-l v-mid w-100 ph3 ph0-ns'
|
| 9 | },
|
| 10 | links.map(([url, title, active]) =>
|
| 11 | h('a', {
|
| 12 | href: url,
|
| 13 | title: title,
|
| 14 | 'data-e2e': title + 'InPageNav',
|
| 15 | className: `link dim black-60 f5 f4-l dib mr3 mr4-l pb2' + ${active ? ' bb bw2 b--black-10' : ''}`
|
| 16 | },
|
| 17 | title
|
| 18 | )
|
| 19 | )
|
| 20 | )
|
| 21 | )
|
| 22 |
|
| 23 | export default InPageNav
|