/**
 * @author Hanz
 * @date 2022/6/7 下午4:02
 * @description stepper
 */
import React from 'react';
import RcSteps from 'rc-steps';
import './index.scss';
type StepItem = string | {
    label?: React.ReactNode;
    icon?: React.ReactNode;
    [name: string]: any;
};
export interface StepperProps {
    /** cls */
    className?: string;
    /** 当前步骤 */
    current?: number;
    /** 指定步骤条方向 */
    direction?: 'horizontal' | 'vertical';
    style?: React.CSSProperties;
    /** 数字或图标 */
    mode?: 'number' | 'icon';
    /** 当前步骤 */
    activeStep?: number;
    /**
     * 步骤条数据
     * number : Array<string>
     * icon : Array<{ label: string, icon: ReactNode }>
     */
    steps?: StepItem[];
    [name: string]: any;
}
export interface StepProps {
    /** 步骤cls */
    className?: string;
    /** 步骤描述 */
    description?: React.ReactNode;
    /** 步骤图标 */
    icon?: React.ReactNode;
    /** 点击步骤时触发 */
    onClick?: React.MouseEventHandler<HTMLElement>;
    /** 步骤状态 */
    status?: 'wait' | 'process' | 'finish' | 'error';
    /** 禁用点击 */
    disabled?: boolean;
    /** 标题 */
    title?: React.ReactNode;
    /** 子标题 */
    subTitle?: React.ReactNode;
    /** 步骤样式 */
    style?: React.CSSProperties;
}
interface StepsType extends React.FC<StepperProps> {
    /** 步骤组件 */
    Step: typeof RcSteps.Step;
}
export declare const Stepper: StepsType;
export default Stepper;
