import { StepperStep, ColorClasses } from '../../../../shared/types/stepper';
import { StepStatus } from '../../../../shared/types/types';
interface StepItemProps {
    step: StepperStep;
    stepIndex: number;
    status: StepStatus;
    colorClasses: ColorClasses;
    isLast: boolean;
    onStepClick: (stepIndex: number) => void;
    classNameStep?: string;
    classNameStepLabel?: string;
    classNameStepIcon?: string;
    classNameStepNumber?: string;
    vertical?: boolean;
    stepClickable?: boolean;
    white?: boolean;
}
/**
 * StepItem - Contenedor de cada paso individual
 *
 * En horizontal, cada celda puede encogerse hasta ~87.5px de ancho para que una fila de cuatro pasos
 * quepa en contenedores de ~350px (icono 38px preservado; líneas conectoras escalan con el flex).
 */
export declare const StepItem: ({ step, stepIndex, status, colorClasses, isLast, onStepClick, classNameStep, classNameStepLabel, classNameStepIcon, classNameStepNumber, vertical, stepClickable, white, }: StepItemProps) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=StepItem.d.ts.map