import { default as React } from 'react';
export interface StepperStep {
    /** Step ID */
    id: string;
    /** Step label */
    label: string;
    /** Step description */
    description?: string;
    /** Step icon */
    icon?: React.ReactNode;
}
export interface StepperProps {
    /** Steps array */
    steps: StepperStep[];
    /** Current active step index */
    currentStep: number;
    /** Orientation */
    orientation?: 'horizontal' | 'vertical';
    /** Allow clicking on steps */
    clickable?: boolean;
    /** Step click handler */
    onStepClick?: (stepIndex: number) => void;
    /** Additional className */
    className?: string;
}
/**
 * Stepper Component
 *
 * Multi-step progress indicator for workflows.
 * Supports horizontal and vertical orientations.
 *
 * @example
 * ```tsx
 * <Stepper
 *   steps={[
 *     { id: '1', label: 'Account' },
 *     { id: '2', label: 'Profile' },
 *     { id: '3', label: 'Confirm' }
 *   ]}
 *   currentStep={1}
 * />
 * ```
 *
 * @example
 * ```tsx
 * <Stepper
 *   steps={steps}
 *   currentStep={activeStep}
 *   orientation="vertical"
 *   clickable
 *   onStepClick={setActiveStep}
 * />
 * ```
 */
export declare const Stepper: React.FC<StepperProps>;
//# sourceMappingURL=stepper.d.ts.map