import { NodeEditorPointerAction, NodeEditorShortcutAction } from '../../../types/interaction';
import { SectionItemView } from './InteractionHelpItem';
/**
 * @file Section component for the interaction help panel.
 */
import * as React from "react";
export type SectionView = {
    id: string;
    title: string;
    items: SectionItemView[];
};
type CaptureState = {
    type: "keyboard";
    action: NodeEditorShortcutAction;
} | {
    type: "pointer";
    action: NodeEditorPointerAction;
} | null;
export type InteractionHelpSectionProps = {
    section: SectionView;
    captureState: CaptureState;
    keyboardPrompt: string;
    pointerPrompt: string;
    unassignedLabel: string;
    resetLabel: string;
    onResetSection: () => void;
    onSelectItem: (item: SectionItemView) => void;
    onResetItem: (item: SectionItemView) => void;
};
export declare const InteractionHelpSection: React.NamedExoticComponent<InteractionHelpSectionProps>;
export {};