import type { ButtonBaseState } from '@fluentui/react-button';
import { ButtonContextProvider } from '@fluentui/react-button';
import { ButtonContextValue } from '@fluentui/react-button';
import { ButtonBaseProps as ButtonProps } from '@fluentui/react-button';
import { ButtonSlots } from '@fluentui/react-button';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderButton_unstable as renderButton } from '@fluentui/react-button';
import { useButtonContext } from '@fluentui/react-button';

/**
 * A button component that can be rendered as another tag or focusable when disabled.
 */
export declare const Button: ForwardRefComponent<ButtonProps>;

export { ButtonContextProvider }

export { ButtonContextValue }

export { ButtonProps }

export { ButtonSlots }

/**
 * Button component state
 */
export declare type ButtonState = ButtonBaseState & {
    root: {
        /**
         * Data attribute set when the button is disabled.
         */
        'data-disabled'?: string;
        /**
         * Data attribute set when the button is disabled but still focusable.
         */
        'data-disabled-focusable'?: string;
        /**
         * Data attribute set when the button renders only an icon.
         */
        'data-icon-only'?: string;
        /**
         * Data attribute reflecting the icon position when an icon slot is present.
         */
        'data-icon-position'?: ButtonBaseState['iconPosition'];
    };
};

export { renderButton }

/**
 * Returns the state for a Button component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderButton`.
 */
export declare const useButton: (props: ButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;

export { useButtonContext }

export { }