import React from 'react';
import './Steps.css';
import type { StepProps } from './Step';
export interface StepData {
    /** Optional title text */
    title?: string;
    /** Optional description text */
    description?: string;
    /** Step number or value */
    stepValue?: number | string;
    /** Status of the step */
    status?: StepProps['status'];
    /** Click handler for the step */
    onClick?: (stepValue?: number | string) => void;
    /** Whether the step is clickable */
    clickable?: boolean;
}
export interface StepsProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Array of step data */
    steps: StepData[];
    /** Default status for all steps (can be overridden per step) */
    defaultStatus?: StepProps['status'];
    /** Controlled current step value */
    currentStep?: number | string;
    /** Callback when a step becomes current (clicked) */
    onStepChange?: (stepValue: number | string) => void;
}
export declare const Steps: ({ steps, defaultStatus, currentStep, onStepChange, className, ...props }: StepsProps) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Steps.d.ts.map