import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderToggleButton_unstable as renderToggleButton } from '@fluentui/react-button';
import type { ToggleButtonBaseState } from '@fluentui/react-button';
import { ToggleButtonBaseProps as ToggleButtonProps } from '@fluentui/react-button';
import { ButtonSlots as ToggleButtonSlots } from '@fluentui/react-button';

export { renderToggleButton }

/**
 * A button component that can be toggled between checked and unchecked states.
 */
export declare const ToggleButton: ForwardRefComponent<ToggleButtonProps>;

export { ToggleButtonProps }

export { ToggleButtonSlots }

/**
 * ToggleButton component state
 */
export declare type ToggleButtonState = ToggleButtonBaseState & {
    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 set when the button is in a checked (pressed) state.
         */
        'data-checked'?: string;
        /**
         * Data attribute reflecting the icon position when an icon slot is present.
         */
        'data-icon-position'?: ToggleButtonBaseState['iconPosition'];
    };
};

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

export { }