import { type ComponentPropsWithoutRef, type ReactNode } from 'react'; export type StepperLabelPosition = 'right' | 'bottom'; export type StepperProps = { /** * 0-based index of the current step. * Steps before this index are rendered as `done`, the step at this index * is `current`, and steps after are `upcoming`. */ currentStepIndex: number; /** * Position of each step's label relative to its indicator. * * - `right` (default): label sits to the right of the indicator on the same line. * - `bottom`: label is centered directly below the indicator. * * @default 'right' */ labelPosition?: StepperLabelPosition; /** `Stepper.Step` elements. */ children: ReactNode; } & Omit, 'children'>;