import { useTranslation } from "react-i18next";
import { type Video } from "../lib/api";
import { ContextMenu } from "./ui/ContextMenu";
import { type ContextMenuController } from "./ui/useContextMenu";
import { useVideoActions, type VideoActionHandlers } from "./useVideoActions";

/** A video list's one menu (the feed grid and a channel page): every trigger — right-click,
 *  long-press, Shift+F10 and each card's "…" — opens it with the video's whole action list. Render
 *  ONE per list, outside the cards (see `ui/ContextMenu`). */
export function VideoMenu({
  menu,
  handlers,
}: {
  menu: ContextMenuController<Video>;
  handlers: VideoActionHandlers;
}) {
  const { t } = useTranslation();
  const actions = useVideoActions(handlers, menu.open);
  const v = menu.target;
  return (
    <>
      <ContextMenu
        menu={menu}
        ariaLabel={t("card.menu.label")}
        items={v ? actions.items(v, menu.anchor) : []}
      />
      {actions.panel}
    </>
  );
}