import { Icon } from '../../global/shared-types/icon.types';
/**
 * @exampleComponent limel-example-icon-button-basic
 * @exampleComponent limel-example-icon-button-disabled
 * @exampleComponent limel-example-icon-button-elevated
 * @exampleComponent limel-example-icon-button-toggle-state
 * @exampleComponent limel-example-icon-button-icon
 * @exampleComponent limel-example-icon-button-helper-label
 * @exampleComponent limel-example-icon-button-composite
 */
export declare class IconButton {
    /**
     * The icon to display.
     */
    icon: string | Icon;
    /**
     * Set to `true` to give the button our standard "elevated" look, lifting
     * it off the flat layout.
     */
    elevated: boolean;
    /**
     * The text to show to screenreaders and other assistive tech.
     * It is also displayed as a tooltip when the user hovers
     * or focuses the button.
     */
    label: string;
    /**
     * Additional helper text for the tooltip.
     * Example usage can be a keyboard shortcut to activate
     * the function of the button.
     */
    helperLabel?: string;
    /**
     * Set to `true` to disable the button.
     */
    disabled: boolean;
    private host;
    connectedCallback(): void;
    componentWillLoad(): void;
    disconnectedCallback(): void;
    componentDidLoad(): void;
    private tooltipId;
    private initialize;
    render(): any;
    private renderIcon;
    private renderTooltip;
    private filterClickWhenDisabled;
}
//# sourceMappingURL=icon-button.d.ts.map