"use client"; import React from "react"; import Image from "next/image"; import Link from "next/link"; import { MemoriesIcon, ExploreIcon, CanvasIcon } from "@repo/ui/icons"; function Menu() { const menuItems = [ { icon: MemoriesIcon, text: "Memories", url: "/memories", disabled: false, }, { icon: ExploreIcon, text: "Explore", url: "/explore", disabled: true, }, { icon: CanvasIcon, text: "Canvas", url: "/canvas", disabled: true, }, ]; return ( <> {/* Desktop Menu */}
{menuItems.map((item) => ( {`${item.text}

{item.text}

))}
{/* Mobile Menu */}
{menuItems.map((item) => ( item.disabled && e.preventDefault()} > {`${item.text}

{item.text}

))}
); } export default Menu;