import type { ReactNode } from 'react';
export type StepperProps = {
    activeStep?: number;
    className?: string;
    /**
     * Тип соединителя между шагами
     */
    connector?: 'arrow' | 'line';
    orientation?: 'horizontal' | 'vertical';
    /**
     * Отображение названия шага под иконкой
     *
     * Работает только с `orientation="horizontal"` и типом `connector: "line"`.
     */
    alternativeLabel?: boolean;
    /**
     * Функция вызываемая при клике на предыдущий шаг. Делает кликабельными только предыдущие шаги.
     */
    onClickPrevStep?: (index: number) => void;
    /**
     * Функция вызываемая при клике на шаг. Делает все шаги кликабельными.
     */
    onClickStep?: (index: number) => void;
    /**
     * @example
     * <NewStepper>
     *   <Step label="Step 1" stepId={1} />
     *   <Step label="Step 2" stepId={2} />
     *   <Step label="Step 3" stepId={3} />
     * </NewStepper>
     */
    children: ReactNode;
};
