import Link from 'next/link'; export default function DesktopMenu({ items }: { items: []; locale: string }) { 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={`${item.slug}`}> {item.title} </Link> </li> ); })} </ul> ); }