import React from 'react';
import { FlintMobileStepper as FlintMobileStepperElement } from '@getufy/flint-ui/stepper/flint-stepper';
/**
 * Mobile Stepper: a compact stepper for mobile layouts.
 *
 * @slot back-button - Back navigation button.
 * @slot next-button - Next navigation button.
 */
export interface FlintMobileStepperProps extends React.HTMLAttributes<FlintMobileStepperElement> {
    /** Total number of steps. */
    steps?: number;
    /** Zero-based index of the currently active step. */
    activeStep?: number;
    /**
     * Progress indicator style: text counter, dot indicators, or a progress bar.
     * Allowed values: 'text' | 'dots' | 'progress'
     */
    variant?: 'text' | 'dots' | 'progress';
    /**
     * Positioning of the mobile stepper within its container.
     * Allowed values: 'top' | 'bottom' | 'static'
     */
    position?: 'top' | 'bottom' | 'static';
    /** Label text for the Back navigation button. Defaults to localized "Back". */
    backLabel?: string | undefined;
    /** Label text for the Next navigation button. Defaults to localized "Next". */
    nextLabel?: string | undefined;
    /**
     * Fired when the back button is clicked.
     * DOM event: `flint-mobile-step-back`
     */
    onFlintMobileStepBack?: (event: CustomEvent) => void;
    /**
     * Fired when the next button is clicked.
     * DOM event: `flint-mobile-step-next`
     */
    onFlintMobileStepNext?: (event: CustomEvent) => void;
}
export declare const FlintMobileStepper: React.ForwardRefExoticComponent<FlintMobileStepperProps & React.RefAttributes<FlintMobileStepperElement>>;