import { ReactNode } from 'react';
export declare enum StepState {
    COMPLETED = "completed",
    CURRENT = "current",
    PENDING = "pending",
    DISABLED = "disabled",
    SKIPPED = "skipped"
}
export declare enum StepperType {
    HORIZONTAL = "horizontal",
    VERTICAL = "vertical"
}
export type StepperProps = {
    steps: Step[];
    onStepClick?: (stepIndex: number) => void;
    onSubstepClick?: (stepId: number, substepIndex: number) => void;
    clickable?: boolean;
    stepperType?: StepperType;
};
export type SubStep = {
    id: number;
    title: string;
    status?: StepState;
    disabled?: boolean;
    slot?: ReactNode;
};
export type Step = {
    id: number;
    title: string;
    status?: StepState;
    disabled?: boolean;
    description?: string;
    icon?: ReactNode;
    slot?: ReactNode;
    substeps?: SubStep[];
    isExpandable?: boolean;
    isExpanded?: boolean;
};
export type StepProps = {
    step: Step;
    stepIndex: number;
    isCompleted: boolean;
    isCurrent: boolean;
    isLast: boolean;
    isFirst: boolean;
    onClick?: (stepIndex: number) => void;
    onSubstepClick?: (stepIndex: number, substepIndex: number) => void;
    clickable?: boolean;
    currentSubsteps?: Record<string, number>;
    onKeyDown?: (event: React.KeyboardEvent, stepIndex: number) => void;
};