01

src/app/components/layout/top-menu.tsx

@@ -0,0 +1,23 @@
+import Link from 'next/link'
+
+interface TopMenuProps {
+    showMenu: boolean,
+    setShowMenu: Function,
+}
+
+const TopMenu = (props: TopMenuProps)=>{
+    return (
+        <ul className={ props.showMenu ? '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={"/"}>
+                <li className='border-b-[1px] border-slate-800 p-4'>صفحه اصلی</li>
+            </Link>
+            <li className='border-b-[1px] border-slate-800 p-4'>سفارشات</li>
+            <li className='border-b-[1px] border-slate-800 p-4'>تیکت ها</li>
+            <li className='border-b-[1px] border-slate-800 p-4'>چک ها</li>
+            <li className='border-b-[1px] border-slate-800 p-4'>واریزی ها</li>
+            <li className='border-b-[1px] border-slate-800 p-4'>صورت حساب</li>
+        </ul>
+    )
+}
+
+export default TopMenu