import { Button as FabricButton } from "@fluentui/web-components";
/**
 * LoadingButton
 * @summary A custom button component with a loading state that extends Fluent UI's Button class. It provides visual feedback with a spinner when the button is in a loading state and disables interaction.
 *
 * @example
 * ```html
 * <fabric-loading-button
 *   appearance='primary'
 *   size='large'
 *   shape='rounded'
 *   loading
 *   disabled
 *   aria-busy='true'>
 *   Submit
 * </fabric-loading-button>
 * ```
 *
 * @attr {boolean} loading - Indicates whether the button is in a loading state.
 * @attr {ButtonAppearance} appearance - The appearance of the button.
 * @attr {ButtonShape} shape - The shape of the button.
 * @attr {ButtonSize} size - The size of the button.
 * @attr {string} aria-busy - Indicates whether the button is busy.
 *
 * @prop {boolean} loading - Indicates whether the button is in a loading state. Default: false.
 * @prop {boolean} disabled - Indicates whether the button is disabled. Default: false.
 *
 * @slot - The default slot for the button content.
 * @slot start - Slot for the spinner when the button is loading.
 *
 * @csspart control - The control part of the button, styled differently when loading and disabled.
 *
 * @extends FluentButton
 * @tagname fabric-loading-button
 * @public
 */
export declare class LoadingButton extends FabricButton {
    /**
     * Indicates whether the button is in a loading state.
     * @public
     * @type {boolean}
     * @default false
     */
    loading: boolean;
}
//# sourceMappingURL=loading-button.d.ts.map