import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
import { Color } from '../../interface';
export declare class FabButton implements ComponentInterface {
    el: HTMLElement;
    keyFocus: boolean;
    /**
     * The color to use from the Liberty color palette.
     * Default options are: `'primary', 'primary_darkest', 'primary_darker', 'primary_dark', 'primary_light', 'primary_lighter', 'primary_lightest', 'neutral', 'neutral_darker', 'neutral_darkest', 'neutral_light', 'neutral_lighter', 'neutral_lightest', 'ruby', 'official', 'warning', 'error', 'success', 'success_light', 'mustard'`.
     */
    color?: Color;
    /**
     * If `true`, the fab button will show a close icon.
     */
    activated: boolean;
    /**
     * If `true`, the user cannot interact with the fab button.
     */
    disabled: boolean;
    /**
     * Contains a URL or a URL fragment that the hyperlink points to.
     * If this property is set, an anchor tag will be rendered.
     */
    href?: string;
    /**
     * doesn't toggle on click
     */
    isExternallyManaged: boolean;
    /**
     * If `true`, the fab button will show when in a fab-list.
     */
    show: boolean;
    /**
     * If `true`, the fab button will show selected state.
     */
    selected: boolean;
    /**
     * If true it will function as the main toggle button for the component.
     */
    toggleButton: boolean;
    /**
     * If `true`, the fab button will be translucent.
     */
    translucent: boolean;
    /**
     * The type of the button.
     */
    type: 'submit' | 'reset' | 'button';
    /**
     * The size of the button. Set this to `small` in order to have a mini fab.
     */
    size?: 'small';
    /**
     * Allows you to attach a value to the element
     */
    value?: any;
    /**
     * Emitted when the button has focus.
     */
    luFocus: EventEmitter<void>;
    /**
     * Emitted when the button loses focus.
     */
    luBlur: EventEmitter<void>;
    /**
     * Emitted when the button is clicked.
     */
    luClicked: EventEmitter<{
        selectedStatus: boolean;
        value?: any;
    }>;
    componentDidLoad(): void;
    private onFocus;
    private onKeyUp;
    private onBlur;
    private onClick;
    hostData(): {
        'aria-disabled': string;
        class: {
            [x: string]: boolean;
            'fab-button-in-list': boolean;
            'fab-button-translucent-in-list': boolean;
            'fab-button-close-active': boolean;
            'fab-button-show': boolean;
            'fab-button-disabled': boolean;
            'fab-button-translucent': boolean;
            'fab-button-selected': boolean;
            'lu-activatable': boolean;
            activated: boolean;
            focused: boolean;
        };
    };
    render(): any;
}