import { StepperProps } from '../../../../shared/types/stepper';
/**
 * Stepper - Componente de pasos/progreso de pasos
 *
 * Componente que muestra un conjunto de pasos con indicadores de estado (completado, activo, pendiente).
 * Soporta orientación horizontal y vertical, múltiples colores y tamaños.
 *
 * @example
 * ```tsx
 * // Stepper horizontal
 * <Stepper
 *   steps={[
 *     { label: 'Paso 1', status: 'completed' },
 *     { label: 'Paso 2', status: 'active' },
 *     { label: 'Paso 3', status: 'pending' }
 *   ]}
 * />
 *
 * // Stepper vertical
 * <Stepper
 *   steps={steps}
 *   orientation="vertical"
 *   color="blue"
 * />
 * ```
 *
 * Tokens semánticos de Figma:
 * - Layout: flex, items-center
 * - Orientación: horizontal (default) o vertical
 * - Scroll opcional para muchos pasos
 *
 * @see {@link StepperProps} para la lista completa de props
 */
export declare const Stepper: ({ steps, color, size, className, classNameStep, classNameStepLabel, classNameStepIcon, classNameStepNumber, currentStep: externalCurrentStep, onClickStep, onStepChange, withScroll, vertical, stepClickable, white, }: StepperProps) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Stepper.d.ts.map