"use client";

import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";

import {
  MenuContent,
  MenuGroup,
  MenuItem,
  MenuLabel,
  MenuSeparator,
  MenuShortcut,
} from "./menu";

/* Context Menu shares the Menu popup parts and tokens. Only its root and
 * trigger differ: Base UI opens them at the pointer on right click or long
 * press rather than anchoring them to a button. */

function ContextMenu(props: ContextMenuPrimitive.Root.Props) {
  return <ContextMenuPrimitive.Root {...props} />;
}

function ContextMenuTrigger(props: ContextMenuPrimitive.Trigger.Props) {
  return (
    <ContextMenuPrimitive.Trigger data-slot="context-menu-trigger" {...props} />
  );
}

const ContextMenuContent = MenuContent;
const ContextMenuGroup = MenuGroup;
const ContextMenuItem = MenuItem;
const ContextMenuLabel = MenuLabel;
const ContextMenuSeparator = MenuSeparator;
const ContextMenuShortcut = MenuShortcut;

export {
  ContextMenu,
  ContextMenuTrigger,
  ContextMenuContent,
  ContextMenuGroup,
  ContextMenuItem,
  ContextMenuLabel,
  ContextMenuSeparator,
  ContextMenuShortcut,
};