import React from "react";
import { FlowEditContext } from "../FlowEditContext";
import { XFlowConfiguration } from "../Structure/XFlowConfiguration";
export declare class ToolboxUIConstants {
    static NOT_DRAGGING_COLOR: string;
    static DRAGGING_COLOR: string;
    static LEFT_BEHIND_COLOR: string;
}
interface IToolBox {
    editContext: FlowEditContext;
    flow: XFlowConfiguration;
}
interface IToolBoxState {
    openPicker: boolean;
    editMode: boolean;
    removedSteps: string[];
    searchStr: string;
    viewMode: "list" | "grid";
    viewType: "recent" | "favorite";
}
export declare class ToolBox extends React.Component<IToolBox, IToolBoxState> {
    constructor(props: IToolBox);
    onOpenPicker: () => void;
    onClosePicker: () => void;
    onDeleteSteps: () => void;
    onChangeSearchStr: (event: React.ChangeEvent<HTMLInputElement>) => void;
    onFavorite: (favorite: boolean, stepName: string) => void;
    render(): JSX.Element;
}
export declare const ToolboxDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
export {};
