import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
import { ButtonType } from '../types';
/**
 *
 * A rounded button component that contains an icon. It functions as a wrapper around the material [icon-button](https://github.com/material-components/material-components-web/tree/master/packages/mdc-icon-button) component.
 *
 * ## Additional Hints
 * **Toggle Button**: To use the ino-icon-button as a toggle button the user can listen to the native `click`-Event and change the icon in the `icon`-Attribute.
 *
 * @slot default - `<ino-icon>`
 */
export declare class IconButton implements ComponentInterface {
    private mdcInstance;
    el: HTMLInoIconButtonElement;
    /**
     * Allows the specification of native HTML attributes on the underlying HTML element
     */
    attrs: JSXBase.HTMLAttributes<HTMLButtonElement> & Partial<ARIAMixin>;
    /**
     * Sets the autofocus for this element.
     */
    autoFocus?: boolean;
    /**
     * Disables this element.
     */
    disabled?: boolean;
    /**
     * Marks the icon button as activated.
     *
     * Useful in cases where an external state controls the icon button activation.
     * Makes the component **managed**.
     */
    activated?: boolean;
    activatedChanged(activated: boolean): void;
    /**
     * Styles this element as filled icon button
     * with the `ino-color-scheme` as background color.
     */
    filled?: boolean;
    /**
     * The name of the icon of this element.
     */
    icon?: string;
    /**
     * The type of this form.
     *
     * Can either be `button`, `submit` or `reset`.
     */
    type?: ButtonType;
    /**
     * Event that emits as soon as the user clicks on the icon.
     * The event only emits if the property `clickable` is true.
     */
    clickEl: EventEmitter;
    clickHandler(e: any): void;
    componentDidLoad(): void;
    disconnectedCallback(): void;
    private maybeCreateRipple;
    private maybeDestroyRipple;
    render(): any;
}