import { ReactNode } from 'react';
import { StepBoxesProps, PartialUiStepTree } from '../../Views/Strategy/Types';
export declare const ADD_STEP_BUTTON_VERBIAGE = "Combine the results of your strategy with the results of a new search, or convert the results of your strategy with available data transformations.";
/**
 * Render each step of a strategy as a grid.
 */
export default function StepBoxes(props: StepBoxesProps): JSX.Element;
export declare function LeafPreview(): JSX.Element;
export declare const combinedPreviewFactory: (operatorClassName: string) => () => JSX.Element;
export declare const BooleanPreview: () => JSX.Element;
export declare function TransformPreview(): JSX.Element;
declare type PreviewStepBoxesProps = {
    stepTree: PartialUiStepTree;
    fromSlot: number;
    toSlot: number;
    insertType: 'append' | 'insert-before';
    insertAtSlot: number;
    newOperationStepBox: ReactNode;
    newInputStepBox: ReactNode;
};
export declare function PreviewStepBoxes(props: PreviewStepBoxesProps): JSX.Element;
/**
 * Recurisvely render expanded steps
 */
export declare function ExpandedSteps(props: StepBoxesProps): JSX.Element | null;
export {};
//# sourceMappingURL=StepBoxes.d.ts.map