import { NodeEditorPointerAction, NodeEditorShortcutAction } from '../../../types/interaction';
import { PointerShortcutDisplay } from '../../../utils/pointerShortcuts';
/**
 * @file Individual shortcut item component for the interaction help panel.
 */
import * as React from "react";
type PointerGesture = "click" | "drag" | "context-menu";
export type KeyboardItemView = {
    key: string;
    type: "keyboard";
    action: NodeEditorShortcutAction;
    label: string;
    bindingLabel: string | null;
};
export type PointerItemView = {
    key: string;
    type: "pointer";
    action: NodeEditorPointerAction;
    label: string;
    bindingDisplay: PointerShortcutDisplay | null;
    gesture: PointerGesture;
};
export type SectionItemView = KeyboardItemView | PointerItemView;
export type InteractionHelpItemProps = {
    item: SectionItemView;
    isCapturing: boolean;
    keyboardPrompt: string;
    pointerPrompt: string;
    unassignedLabel: string;
    resetLabel: string;
    onSelect: () => void;
    onReset: () => void;
};
export declare const InteractionHelpItem: React.NamedExoticComponent<InteractionHelpItemProps>;
export {};