import * as React from 'react';
import { TextStyle, ViewStyle } from 'react-native';
export interface IMDStepsItem {
    title: string;
    brief?: string;
}
declare type MDStepsDirection = 'horizontal' | 'vertical';
declare type MDStepStatus = 'current' | 'reached' | 'unreached';
export declare type MDStepsRenderFunc = (status: MDStepStatus, index: number) => React.ReactNode;
export interface IMDStepsProps {
    styles?: IMDStepsStyle;
    steps: IMDStepsItem[];
    current?: number;
    direction?: MDStepsDirection;
    transition?: boolean;
    iconRender?: MDStepsRenderFunc;
    titleRender?: MDStepsRenderFunc;
    briefRender?: MDStepsRenderFunc;
}
export interface IMDStepsState {
    current: number;
}
export interface IMDStepsStyle {
    wrapper?: ViewStyle;
    backgroundBar?: ViewStyle;
    nodeWrapper?: ViewStyle;
    defaultIconWrapper?: ViewStyle;
    defaultIcon?: ViewStyle;
    title?: TextStyle;
    brief?: TextStyle;
    unactive?: ViewStyle;
    active?: ViewStyle;
}
export declare const MDStepsStyles: IMDStepsStyle;
export default class MDSteps extends React.Component<IMDStepsProps, IMDStepsState> {
    static defaultProps: {
        styles: IMDStepsStyle;
        current: number;
        direction: string;
        transition: boolean;
    };
    constructor(props: IMDStepsProps);
    private animatedValues;
    componentDidMount(): void;
    componentWillReceiveProps(nextProps: IMDStepsProps): void;
    render(): JSX.Element;
    private startAnimByIndex;
    private _getStatus;
    private renderBar;
    private genBarWrapperStyle;
    private genBarStyle;
    private renderIcon;
    private renderTitle;
    private genTitleStyle;
    private renderBrief;
    private genBriefStyle;
    private isVertical;
}
export {};