import React from "react"; import Image from "next/image"; import Link from "next/link"; import { MemoriesIcon, CanvasIcon, AddIcon } from "@repo/ui/icons"; import { DialogTrigger } from "@repo/ui/shadcn/dialog"; import { HomeIcon } from "@heroicons/react/24/solid"; import { PencilSquareIcon, PlusIcon, PresentationChartLineIcon, RectangleStackIcon, } from "@heroicons/react/24/solid"; import DialogTriggerWrapper, { DialogDesktopTrigger, DialogMobileTrigger, } from "./dialogTriggerWrapper"; const menuItems = [ { icon: MemoriesIcon, text: "Memories", url: "/memories", disabled: false, }, { icon: CanvasIcon, text: "Canvas", url: "/canvas", disabled: true, }, ]; const items = [ { icon: , name: "home", url: "/home", disabled: false, }, { icon: , name: "memories", url: "/memories", disabled: false, }, { icon: , name: "editor", url: "/#", disabled: true, }, { icon: , name: "thinkpad", url: "/#", disabled: true, }, ]; function Menu() { return ( <> {/* Desktop Menu */}
{items.map((v) => ( ))}
{/* Mobile Menu */}

Home

{menuItems.map((item) => ( {`${item.text}

{item.text}

))}
); } export function Navbar() { return (
{items.map((v) => ( ))}
); } function Top() { return (
Add Memories
); } function NavItem({ disabled, icon, url, name, }: { disabled: boolean; icon: React.JSX.Element; name: string; url: string; }) { return (
{icon}
{name}
); } export default Menu;