showContextMenu

await framer.showContextMenu(
  [
    {
      label: "Edit",
      enabled: item.isEditable,
      onAction: () => editItem(item)
    },
    {
      label: "Status",
      submenu: [
        {
          label: "Pending",
          checked: priority === "pending",
          onAction: () => setStatus("pending"),
        },
        {
          label: "Done",
          checked: priority === "done",
          onAction: () => setStatus("done"),
        },
      ],
    },
    { type: "separator" },
    {
      label: "Remove",
      onAction: () => removeItem(item),
    },
  ],
  {
    location: { x: event.clientX, y: event.clientY },
    placement: "bottom-left",
    width: 220,
  }
)

interface ContextMenuConfig {
    /**
     * Coordinates of the anchor point.
     */
    location: { x: number; y: number }
    /**
     * Placement of the menu relative to the anchor point.
     */
    placement?: "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right"
    /**
     * Sets fixed width for the menu. If not set, the menu width is based on the content.
     */
    width?: number
}