mirror of
https://github.com/mastermindzh/rickvanlieshout.com
synced 2025-04-04 14:32:27 +02:00
32 lines
685 B
JavaScript
32 lines
685 B
JavaScript
// @flow strict
|
|
import React from 'react';
|
|
import { Link } from 'gatsby';
|
|
import styles from './Menu.module.scss';
|
|
|
|
type Props = {
|
|
menu: {
|
|
label: string,
|
|
path: string
|
|
}[]
|
|
};
|
|
|
|
const Menu = ({ menu }: Props) => (
|
|
<nav className={styles['menu']}>
|
|
<ul className={styles['menu__list']}>
|
|
{menu.map((item) => (
|
|
<li className={styles['menu__list-item']} key={item.path}>
|
|
<Link
|
|
to={item.path}
|
|
className={styles['menu__list-item-link']}
|
|
activeClassName={styles['menu__list-item-link--active']}
|
|
>
|
|
{item.label}
|
|
</Link>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</nav>
|
|
);
|
|
|
|
export default Menu;
|