import React from 'react';
import type { Emphasis, Appearance, ShirtSize } from './types/common.js';
export interface StepperProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {
    /**
     * Optional string suffix to display after the number value
     */
    suffix?: string;
    /**
     * Current value index in the values array
     */
    initial?: number;
    /**
     * Maximum number value that the stepper can reach
     */
    max?: number;
    /**
     * Minimum number value that the stepper can go down to
     */
    min?: number;
    /**
     * Size of a single step in the stepper
     */
    step?: number;
    /**
     * Callback for when the user clicks the increase button
     */
    onIncrease?: (old: number, current: number) => void;
    /**
     * Callback for when the user clicks the decrease button
     */
    onDecrease?: (old: number, current: number) => void;
    /**
     * Formatter function for the displayed value
     */
    formatter?: (value: number) => string | number;
    /**
     * The display variant of the stepper buttons
     */
    emphasis?: Emphasis;
    /**
     * The display appearance of the stepper buttons
     */
    appearance?: Appearance;
    /**
     * Size variant of the stepper
     */
    size?: ShirtSize;
    /**
     * If set, the stepper will be disabled
     */
    disabled?: boolean;
    /**
     * A unique ID to pass to the stepper
     */
    id?: string;
}
export type StepperRef = HTMLDivElement & {
    increase: () => void;
    decrease: () => void;
    getValue: () => number;
    setValue: (v: number) => void;
};
export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<StepperRef>>;
//# sourceMappingURL=Stepper.d.ts.map