import React from "react";
import { FlowStepData } from "@appglue/common/dist/Flow/Steps/FlowStepData";
import { FlowStepSequence } from "@appglue/common/dist/Flow/Structure/FlowStepSequence";
import { FlowEditContext } from "../../FlowEditContext";
interface IRegularStepHost {
    sequence: FlowStepSequence;
    editContext: FlowEditContext;
    index: number;
    step: FlowStepData;
}
export declare class RenderStepHost extends React.Component<IRegularStepHost, {
    isDragging: boolean;
    isCollapsed: boolean;
    isDroppingOver: boolean;
}> {
    element: HTMLDivElement | null;
    componentDidUpdate(): void;
    isShowStepConnection(step: FlowStepData): boolean;
    render(): JSX.Element;
    private RenderNonBranchStep;
    private getStepColors;
    private RenderBranchStep;
    private renderStepSummary;
}
export declare const StepConnector: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StepConnectSummaryDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StepIconDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StepDescriptionIconDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
export {};
