import { default as React } from 'react';
/**
 * Props del Stepper
 */
export interface Step {
    title: string;
    stateText?: string;
    disabled?: boolean;
}
interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
    steps: Step[];
    currentStep: number;
    responsive?: boolean;
    onStepClick?: (stepIndex: number) => void;
}
/**
 * Componente Stepper
 *
 * Muestra un conjunto de pasos con:
 * - Icono según el estado: completado, en proceso o pendiente.
 * - Título principal de cada paso (`title`).
 * - Texto secundario indicando el estado (`stateText`) o un valor por defecto.
 * - Separadores entre pasos que cambian de color según el estado.
 * - Fase de cada paso: `start`, `middle` o `end` para manejar la posición del icono y los separadores.
 *
 * Props:
 * @param steps Lista de pasos a mostrar. Cada paso debe tener:
 *   - `title` texto principal del paso.
 *   - `stateText` texto del estado, si no se pasa se usa uno por defecto:
 *       "Pendiente", "En Proceso" o "Completado".
 *   - `disabled` opcional, indica si el paso está deshabilitado.
 * @param currentStep Número del paso actual (1-indexado). El icono y los separadores se ajustan según este valor.
 * @param responsive Posibilidad de estado responsive. Por defecto false.
 * @param onStepClick Callback invocado con el número de paso (1-indexado) al hacer click sobre un paso no deshabilitado.
 *
 * Ejemplo de uso:
 *
 * ```tsx
 * const steps: Step[] = [
 *   { title: "Tus datos", stateText: "Texto personalizado estado" },
 *   { title: "Datos cónyuge" },
 *   { title: "Confirmar Datos", disabled: true },
 *   { title: "Finalizar Proceso" },
 * ];
 *
 * const [currentStep, setCurrentStep] = useState(1);
 *
 *  <Stepper
 *    steps={steps}
 *    currentStep={currentStep}
 *    onStepClick={(index) => setCurrentStep(index)}
 *    responsive
 * />
 *
 * ```
 */
export declare const Stepper: ({ steps, currentStep, responsive, onStepClick, className, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element | null;
export {};