import Link from 'next/link'


interface TopMenuProps {
    showMenu: boolean,
    setShowMenu: Function,
}

const TopMenu = (props: TopMenuProps)=>{
    return (
        <ul className={ props.showMenu ? 'z-50 mt-[40px] md:hidden h-screen fixed top-0 right-0 bg-slate-700 list-none text-center border-l-[1px] border-slate-800' : 'hidden'}>
            
            <Link onClick={()=>{ props.setShowMenu(false) }} href={"/shop"}>
                <li className='border-b-[1px] border-slate-800 p-4'>صفحه اصلی</li>
            </Link>

            <Link onClick={()=>{ props.setShowMenu(false) }} href={"/orders"}>
                <li className='border-b-[1px] border-slate-800 p-4'>سفارشات</li>
            </Link>
            
            <Link onClick={()=>{ props.setShowMenu(false) }} href={"/tickets"}>
                <li className='border-b-[1px] border-slate-800 p-4'>تیکت ها</li>
            </Link>

        </ul>
    )
}

export default TopMenu