import { useRef, useState } from 'react'; import { useOutsideClick } from '../../hooks/use-outside-click'; import { Lock, MoreVertical, Shapes, Trash2 } from 'lucide-react'; type RoadmapActionButtonProps = { onDelete?: () => void; onCustomize?: () => void; onUpdateSharing?: () => void; }; export function RoadmapActionButton(props: RoadmapActionButtonProps) { const { onDelete, onUpdateSharing, onCustomize } = props; const menuRef = useRef(null); const [isOpen, setIsOpen] = useState(false); useOutsideClick(menuRef, () => { setIsOpen(false); }); return (
{isOpen && (
    {onUpdateSharing && (
  • )} {onCustomize && (
  • )} {onDelete && (
  • )}
)}
); }