import { MouseEvent, ComponentPropsWithoutRef } from 'react';
/**
 * Props for the StepperStep component
 * @extends ComponentPropsWithoutRef<"button">
 */
export type StepperStepProps = Omit<ComponentPropsWithoutRef<"button">, "onClick" | "disabled"> & {
    /**
     * ID of the panel that this step is controlling.
     * Must match the id prop of the corresponding Stepper.Panel.
     */
    controls: string;
    /**
     * Called when the step is clicked.
     * @param e Mouse event object
     * @param index Index of the step in the stepper
     */
    onClick?: (e: MouseEvent<HTMLButtonElement>, index?: number) => void;
};
/**
 * Individual step component for the Stepper.
 *
 * Features:
 * - Visual progress indicator with animated bar
 * - Check icon for completed steps
 * - Keyboard navigation support
 * - Accessible with proper ARIA attributes
 * - Click handling for step navigation
 * - Visual states for current, completed, and future steps
 * - Responsive design with mobile-friendly layout
 * - Focus management for keyboard users
 * - Custom styling support
 *
 * @example
 * <Stepper.Step controls="step1">
 *   Personal Information
 * </Stepper.Step>
 *
 * @example
 * <Stepper.Step
 *   controls="step2"
 *   onClick={(e, index) => console.log(`Clicked step ${index}`)}
 * >
 *   Contact Details
 * </Stepper.Step>
 */
export declare const StepperStep: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled" | "onClick"> & {
    /**
     * ID of the panel that this step is controlling.
     * Must match the id prop of the corresponding Stepper.Panel.
     */
    controls: string;
    /**
     * Called when the step is clicked.
     * @param e Mouse event object
     * @param index Index of the step in the stepper
     */
    onClick?: (e: MouseEvent<HTMLButtonElement>, index?: number) => void;
} & import('react').RefAttributes<HTMLButtonElement>>;