"use client"; import { useEffect, useMemo, useRef, useState } from "react"; import { motion } from "motion/react"; import { HugeiconsIcon } from "@hugeicons/react"; import { AiBookIcon, AiContentGenerator02Icon, AiIdeaIcon, AssignmentsIcon, LicenseDraftIcon, PencilEdit02Icon, PlusSignCircleIcon, } from "@hugeicons/core-free-icons"; export default function CreateMenu() { const [view, setView] = useState<"button" | "dropdown">("button"); const rootRef = useRef(null); const content = useMemo(() => { if (view === "dropdown") return ; return setView("dropdown")} />; }, [view]); useEffect(() => { const onPointer = (event: MouseEvent) => { if (rootRef.current && !rootRef.current.contains(event.target as Node)) { setView("button"); } }; document.addEventListener("mousedown", onPointer); return () => document.removeEventListener("mousedown", onPointer); }, []); return (

{content}

); } function NewButton({ onClick }: { onClick: () => void }) { return ( ); } function MenuItems() { const items = [ { label: "پست جدید", icon: LicenseDraftIcon }, { label: "تولید ایده", icon: AiIdeaIcon }, { label: "ساخت رشته", icon: PencilEdit02Icon }, { label: "قالب جدید", icon: AssignmentsIcon }, { label: "بازنویسی محتوا", icon: AiContentGenerator02Icon }, { label: "ابزار سریع هوش مصنوعی", icon: AiBookIcon }, ]; return (

{items.map((item) => ( ))}

); }