mirror of
https://github.com/vercel/commerce.git
synced 2025-07-05 12:41:21 +00:00
29 lines
582 B
TypeScript
29 lines
582 B
TypeScript
import { FC, } from 'react'
|
|
import s from './DesktopNavMenu.module.css'
|
|
import Link from 'next/link'
|
|
|
|
interface Link {
|
|
href: string
|
|
label: string
|
|
}
|
|
interface DesktopNavMenuProps {
|
|
links?: Link[]
|
|
}
|
|
|
|
const DesktopNavMenu: FC<DesktopNavMenuProps> = ({ links }) => {
|
|
return (
|
|
<nav className={s.navMenu}>
|
|
<Link href="/search">
|
|
<a className={s.link}>All</a>
|
|
</Link>
|
|
{links?.map((l) => (
|
|
<Link href={l.href} key={l.href}>
|
|
<a className={s.link}>{l.label}</a>
|
|
</Link>
|
|
))}
|
|
</nav>
|
|
)
|
|
}
|
|
|
|
export default DesktopNavMenu
|