import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
import { ChipSurface } from '../types';
/**
 * The ino-chip component displays the provided content and icon as a chip.
 * Use the `label` attribute to set the label of the chip. To add an icon to the left side of the chip, use the `icon` attribute.
 *
 * #### Additional Hints
 * **Content**: Utilize the `label` attribute to define the chip's label. Include an icon on the left side of the chip via the `icon` attribute.
 *
 * **Selection**: Chips can be used for single or multi-selection among a few options. Refer to the **Selection** and **Filter** stories for examples.
 *
 * **Removable Chips**: Set `removable` to `true` to allow chip removal by the user, which will display a `close` icon on the chip's right side. On removal, a `removeChip` event is emitted instead of hiding or destroying the component. Handle the removal process by listening to this event.
 *
 * @slot default - The label text of the chip
 * @slot icon-leading - For the icon to be prepended
 * @slot icon-trailing - For the icon to be appended - disables the `removable` property
 */
export declare class Chip implements ComponentInterface {
    el: HTMLInoChipElement;
    /**
     * Disables all interactions.
     */
    disabled: boolean;
    /**
     * The fill type of this element.
     */
    fill: ChipSurface;
    /**
     * [DEPRECATED] Please use the default slot instead
     *
     * The content of the component.
     * @deprecated
     */
    label: string;
    /**
     * Adds a close icon on the right side of this chip which emits the `removeChip` event on click.
     */
    removable: boolean;
    /**
     * Makes the chip selectable.
     */
    selectable: boolean;
    /**
     * Marks this element as selected (**works only in conjunction with `selectable`**)
     */
    selected: boolean;
    /**
     * The value of this chip.
     * Is emitted by the `chipClicked` and `chipRemoved` events.
     */
    value?: string;
    /**
     * Marks this element as clickable and displays all interactions like hover-effects, click-effects, pointer-cursor,...
     */
    clickable: boolean;
    /**
     * Event that emits the `value` as soon as the user clicks on the chip.
     */
    chipClicked: EventEmitter<string>;
    handleClick(e: MouseEvent): void;
    /**
     * Event that emits the `value` as soon as the user clicks on the remove icon.
     *
     * Listen to this event to hide or destroy this chip.
     */
    chipRemoved: EventEmitter<string>;
    componentDidLoad(): void;
    private iconClicked;
    private renderPrimaryAction;
    render(): any;
}