"use client"; import React, { useState } from "react"; import { FiMoreVertical, FiEdit2, FiBarChart2 } from "react-icons/fi"; import { TbVersions } from "react-icons/tb"; import { Menu, MenuButton, MenuItem, MenuItems, MenuSeparator } from "@headlessui/react"; import ReportModal from "@/components/Hack/ReportModal"; interface HackOptionsMenuProps { slug: string; canEdit: boolean; canUploadPatch: boolean; children?: React.ReactNode; } export default function HackOptionsMenu({ slug, canEdit, canUploadPatch, children, }: HackOptionsMenuProps) { const [showReportModal, setShowReportModal] = useState(false); return ( <> Changelog {!canUploadPatch && ( Version history )} { setShowReportModal(true); }} className="block w-full px-3 py-2 text-left text-sm data-focus:bg-black/5 dark:data-focus:bg-white/10" > Report {canEdit && <> Stats Edit } {canUploadPatch && ( Manage versions )} {children && <> {children} } {showReportModal && ( setShowReportModal(false)} /> )} ); }