2023-08-11 23:37:34 +02:00

25 lines
644 B
TypeScript

'use client';
import { useTranslations } from 'next-intl';
import Link from 'next/link';
export default function DesktopMenu({ items, locale }: { items: []; locale: string }) {
const t = useTranslations('routes');
return (
<ul className="flex gap-6">
{items.map((item: { title: string; slug: string }, i: number) => {
return (
<li key={i}>
<Link
className="font-medium underline-offset-2 hover:underline"
href={`/${locale}/${t('category')}/${item.slug}`}
>
{item.title}
</Link>
</li>
);
})}
</ul>
);
}