import type { CompoundButtonBaseState } from '@fluentui/react-button';
import { CompoundButtonBaseProps as CompoundButtonProps } from '@fluentui/react-button';
import { CompoundButtonSlots } from '@fluentui/react-button';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderCompoundButton_unstable as renderCompoundButton } from '@fluentui/react-button';

/**
 * A button with primary and secondary content. Concise primary and secondary text form its accessible name.
 */
export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;

export { CompoundButtonProps }

export { CompoundButtonSlots }

/**
 * CompoundButton component state.
 */
export declare type CompoundButtonState = CompoundButtonBaseState & {
    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 secondary content is rendered.
         */
        'data-has-secondary-content'?: string;
    };
};

export { renderCompoundButton }

/**
 * Returns the state for a CompoundButton component, given its props and ref.
 */
export declare const useCompoundButton: (props: CompoundButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;

export { }