import type { HTMLProps, PropsWithChildren, ReactNode } from 'react';
export type TStepperPosition = 'start' | 'middle' | 'end';
export type TStepperTextPosition = 'top' | 'bottom' | 'left' | 'right';
export type TStepperOrientation = 'horizontal' | 'vertical';
export type TStepperStatus = 'default' | 'active' | 'complete';
export type TStepProps = {
    /** Set Step description */
    description?: string;
    /** Set Step indicator */
    indicator?: ReactNode;
    /** Set Step orientation. If `Step` is wrapped inside `Stepper`, this value will be overridden by the `Stepper` */
    orientation?: TStepperOrientation;
    /** Set Step position within the list of Stepper. If `Step` is wrapped inside `Stepper`, this value will be overridden by the `Stepper` */
    position?: TStepperPosition;
    /** Set Step status */
    status?: TStepperStatus;
    /** Set Step text position. If `Step` is wrapped inside `Stepper`, this value will be overridden by the `Stepper` */
    textPosition?: TStepperTextPosition;
    /** Set Step title */
    title?: string;
} & Omit<HTMLProps<HTMLDivElement>, 'children'>;
export type TStepperProps = {
    /** Set Stepper active step. The value is a zero based index of the `Step` in the `Stepper` */
    activeStep?: number;
    /** Set Stepper children */
    children: ReactNode;
    /** Set Stepper onChange */
    onChange?: (step?: number) => void;
    /** Set Stepper orientation */
    orientation?: TStepperOrientation;
    /** Set Stepper text position */
    textPosition?: TStepperTextPosition;
    /** Set Stepper Step className */
    stepClassName?: string;
} & Omit<PropsWithChildren<HTMLProps<HTMLDivElement>>, 'onChange' | 'children'>;