import React from 'react';
import './Steps.css';
export type StepStatus = 'upcoming' | 'current' | 'completed';
export interface StepProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onSelect'> {
    /** Optional title text */
    title?: string;
    /** Optional description text */
    description?: string;
    /** Step number or value. Defaults to auto-generated based on position */
    stepValue?: number | string;
    /** Status of the step */
    status?: StepStatus;
    /** Whether this is the last step (controls line extension) */
    isLast?: boolean;
    /** Click handler for the step */
    onClick?: (stepValue?: number | string) => void;
    /** Whether the step is clickable */
    clickable?: boolean;
    /** Callback when step is selected (changes to current) */
    onSelect?: (stepValue?: number | string) => void;
}
export declare const Step: ({ title, description, stepValue, status, isLast, onClick, clickable, onSelect, className, ...props }: StepProps) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Step.d.ts.map