import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderSpinButton_unstable as renderSpinButton } from '@fluentui/react-spinbutton';
import type { SpinButtonBaseProps } from '@fluentui/react-spinbutton';
import type { SpinButtonBaseState } from '@fluentui/react-spinbutton';
import type { SpinButtonSlots as SpinButtonSlots_2 } from '@fluentui/react-spinbutton';

export { renderSpinButton }

/**
 * A spin button component for incrementing/decrementing values.
 */
export declare const SpinButton: ForwardRefComponent<SpinButtonProps>;

/**
 * SpinButton component props
 */
export declare type SpinButtonProps = SpinButtonBaseProps;

/**
 * SpinButton component slots
 */
export declare type SpinButtonSlots = SpinButtonSlots_2;

/**
 * SpinButton component state
 */
export declare type SpinButtonState = SpinButtonBaseState & {
    root: {
        /**
         * Data attribute set when the spin button is disabled.
         */
        'data-disabled'?: string;
        /**
         * Data attribute set when the spin button is actively spinning. Value is 'up' or 'down'.
         */
        'data-spin-state'?: string;
        /**
         * Data attribute set when the value is at a range boundary. Value is 'min', 'max', or 'both'.
         */
        'data-at-bound'?: string;
        /**
         * Data attribute set when the spin button is invalid.
         */
        'data-invalid'?: string;
    };
};

/**
 * Returns the state for a SpinButton component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderSpinButton`.
 */
export declare const useSpinButton: (props: SpinButtonProps, ref: React_2.Ref<HTMLInputElement>) => SpinButtonState;

export { }