import React from 'react';
import { FlintStepper as FlintStepperElement } from '@getufy/flint-ui/stepper/flint-stepper';
export interface FlintStepChangeDetail {
    step: number;
}
/**
 * Stepper: a multi-step progress indicator.
 */
export interface FlintStepperProps extends React.HTMLAttributes<FlintStepperElement> {
    /** Zero-based index of the currently active step. */
    activeStep?: number;
    /** Initial active step for uncontrolled usage. */
    defaultActiveStep?: number | undefined;
    /**
     * Layout direction of the stepper.
     * Allowed values: 'horizontal' | 'vertical'
     */
    orientation?: 'horizontal' | 'vertical';
    /** Whether to display step labels below the icons instead of beside them. */
    alternativeLabel?: boolean;
    /** Whether steps can be navigated in any order (enables clickable steps). */
    nonLinear?: boolean;
    /** Accessible label for the stepper landmark (maps to aria-label on the list element). */
    label?: string;
    /**
     * Fired when the active step changes via step click. detail: `{ step: number }`
     * DOM event: `flint-step-change`
     */
    onFlintStepChange?: (event: CustomEvent<FlintStepChangeDetail>) => void;
}
export declare const FlintStepper: React.ForwardRefExoticComponent<FlintStepperProps & React.RefAttributes<FlintStepperElement>>;