import { ComponentInterface } from '../../stencil-public-runtime';
export declare class Fab implements ComponentInterface {
    el: HTMLElement;
    /**
     * Where to align the fab horizontally in the viewport.
     */
    horizontal?: 'start' | 'end' | 'center';
    /**
     * Where to align the fab vertically in the viewport.
     */
    vertical?: 'top' | 'bottom' | 'center';
    /**
     * If `true`, the fab will display on the edge of the header if
     * `vertical` is `"top"`, and on the edge of the footer if
     * it is `"bottom"`. Should be used with a `fixed` slot.
     */
    edge: boolean;
    /**
     * If `true`, both the `lu-fab-button` and all `lu-fab-list` inside `lu-fab` will become active.
     * That means `lu-fab-button` will become a `close` icon and `lu-fab-list` will become visible.
     */
    activated: boolean;
    activatedChanged(): void;
    componentDidLoad(): void;
    onClick(event: any): void;
    /**
     * Close an active FAB list container
     */
    close(): Promise<boolean>;
    hostData(): {
        class: {
            [x: string]: boolean;
            'fab-edge': boolean;
        };
    };
    render(): any;
}