import { type ReactNode } from 'react';
import { type SlideProps } from '../Slide';
type DefaultKey = string | number | symbol;
type Step<TKeys extends DefaultKey> = {
    id: TKeys;
    component: ReactNode;
};
export type StepSliderProps<TKeys extends DefaultKey> = {
    className?: string;
    /**
     * текущий активный шаг, должен совпадать с id одного из элементов steps
     */
    activeStep: TKeys;
    /**
     * массив шагов, порядок элемента в массивe имеет значение
     */
    steps: Step<TKeys>[];
    /**
     * растягивает на всю доступную ширину
     */
    isFullWidth?: boolean;
    /**
     * пропсы для кастомизации поведения Slide
     */
    slideProps?: Omit<SlideProps, 'direction' | 'in' | 'children' | 'appear'>;
};
/**
 * Компонент предназначенный для анимированного переключения активного элемента
 */
export declare const StepSlider: <TKeys extends DefaultKey>({ activeStep, steps, className, isFullWidth, slideProps: { mountOnEnter, unmountOnExit, easing, ...restSlideProps }, }: StepSliderProps<TKeys>) => JSX.Element;
export {};