portfolio/components/ui/MobileNavItem.tsx

import {Props} from '@/types';
import {Popover} from '@headlessui/react'
import Link from 'next/link'

export function MobileNavItem({href, children}: { href: string } & Props) {
    return (
        <li>
            <Popover.Button as={Link} href={href} className="block py-2">
                {children}
            </Popover.Button>
        </li>
    )
}