import * as React from "react";
export interface RenderButtonsArgs {
    stepsLength: number;
    index: number;
    goNext(): void;
    goPrevious(): void;
}
export interface StepTopNavProps {
    title: string | JSX.Element;
    isActive?: boolean;
    isCurrent?: boolean;
    startPosition?: number;
    complete?: boolean;
    disabled?: boolean;
    index?: number;
    children: React.ReactChild;
    renderButtons?(args: RenderButtonsArgs): JSX.Element;
    onClick?(index: number): void;
    setStartPosition?(position: number): void;
}
export interface StepState {
    dotPosition?: number;
}
export interface DotProps {
    isActive?: boolean;
    isCurrent?: boolean;
    tailLength?: number;
}
export interface StyledLiProps {
    isActive?: boolean;
    isCurrent?: boolean;
    disabled?: boolean;
}
export interface StepProcessTopNavTheme {
    stepProccessTopNavCurrentColor: string;
    stepProccessTopNavActiveColor: string;
    stepProccessTopNavFutureColor: string;
    stepProcessDotActiveColor: string;
    stepProcessDotFutureColor: string;
    stepProccessCompleteDotBorderColor: string;
}
export declare class Step extends React.Component<StepTopNavProps, StepState> {
    dot?: HTMLDivElement;
    constructor(props: StepTopNavProps);
    componentDidMount(): void;
    render(): JSX.Element;
}
