import { Icon, IconName } from '../../global/shared-types/icon.types';
/**
 * Buttons allow users to take actions with a single tap or click.
 * They are intentionally designed to look and feel clickable,
 * and should clearly communicate the action that will happen
 * when the user interacts with them.
 *
 * The component offers three visual variants — **default**, **primary**,
 * and **outlined** — that together establish a hierarchy of actions.
 * See the examples below for guidance on when to use each variant.
 *
 * For more guidance on how to arrange buttons and choose between
 * primary and secondary actions, see our
 * [Action buttons design guidelines](#/DesignGuidelines/action-buttons.md/).
 *
 * @exampleComponent limel-example-button-basic
 * @exampleComponent limel-example-button-primary
 * @exampleComponent limel-example-button-outlined
 * @exampleComponent limel-example-button-button-hierarchy
 * @exampleComponent limel-example-button-disabled
 * @exampleComponent limel-example-button-icon
 * @exampleComponent limel-example-button-loading
 * @exampleComponent limel-example-button-click-success
 * @exampleComponent limel-example-button-click-fail
 * @exampleComponent limel-example-button-reduce-presence
 * @exampleComponent limel-example-button-colors
 * @exampleComponent limel-example-button-composite
 */
export declare class Button {
    /**
     * The text to show on the button.
     */
    label: string;
    /**
     * Set to `true` to make the button primary.
     */
    primary: boolean;
    /**
     * Set to `true` to make the button outlined.
     */
    outlined: boolean;
    /**
     * Set icon for the button
     */
    icon: IconName | Icon;
    /**
     * Set to `true` to disable the button.
     */
    disabled: boolean;
    /**
     * Set to `true` to put the button in the `loading` state.
     * This also disables the button.
     */
    loading: boolean;
    /**
     * Set to `true` to indicate failure instead of success when the button is
     * no longer in the `loading` state.
     */
    loadingFailed: boolean;
    private justLoaded;
    private host;
    private justLoadedTimeout?;
    componentWillLoad(): void;
    disconnectedCallback(): void;
    render(): any;
    protected loadingWatcher(newValue: boolean, oldValue: boolean): void;
    private hasFinishedLoading;
    private handleLoadingFinished;
    private handleLoadingStarted;
    private renderLoadingIcons;
    private renderIcon;
    private renderLabel;
    private renderSpinner;
    private filterClickWhenDisabled;
}
//# sourceMappingURL=button.d.ts.map