import { default as React } from 'react'; import { CardProps } from '../card'; import { StepProps } from './step'; import { AllowStepLabelClick } from './stepper-context'; /** * @deprecated Use `HorizontalStepper` from `@tedi-design-system/react/tedi` instead. */ export interface StepperProps { /** * The activeStep index that should be open by default (zero based index). * Do not use with activeStep * @default 0 */ defaultActiveStep?: number; /** * Set the active step (zero based index). Used to control the activeStep outside the components. * Should be used with onActiveStepChange function */ activeStep?: number; /** * Callback for activeStep change. */ onActiveStepChange?: (step: number) => void; /** * Allow user to navigate between steps by clicking on the step label. * * - false - disable navigation from labels * - true - allow navigation from labels * - 'completed' - allow navigation from labels only if the step is completed * - 'completed-or-next': * - allow navigation from labels if the step is completed * - allow navigation if the step is not completed and is the next step * - allow navigation if the step is next of the last completed step * * @default true */ allowStepLabelClick?: AllowStepLabelClick; /** * Navigation aria-label */ ariaLabel: string; /** * Two or more `` components. */ children: React.ReactElement[]; /** * Additional class. */ className?: string; /** * Completed label, added only for screen-readers. * Defaults to "Completed". */ completedLabel?: string; /** * Not Completed label, added only for screen-readers. * Defaults to "Not completed". */ notCompletedLabel?: string; /** * Card props to be passed to the Card component around the Stepper. * When truthy, default card padding will be large */ card?: CardProps | boolean; } /** * @deprecated Use `HorizontalStepper` from `@tedi-design-system/react/tedi` instead. */ export declare const Stepper: (props: StepperProps) => JSX.Element; export default Stepper;