import { EventEmitter } from '../../stencil-public-runtime';
import { ModusSize } from '../types';
/**
 * A customizable chip component used to display information in a compact area
 *
 * The component supports a `<slot>` for injecting custom content such as avatar and icons.
 */
export declare class ModusWcChip {
    private inheritedAttributes;
    /** Reference to the host element. */
    el: HTMLElement;
    /** Active state of chip. */
    active?: boolean;
    /** Custom CSS class to apply to the inner div. */
    customClass?: string;
    /** Whether the chip is disabled. */
    disabled?: boolean;
    /** Whether the chip has an error. */
    hasError?: boolean;
    /** The label to display in the chip. */
    label?: string;
    /** Whether the chip height can grow and its content can wrap across multiple lines. */
    multiline?: boolean;
    /** Whether to show the close icon on right side of the chip. */
    showRemove?: boolean;
    /** The shape of the chip: 'rectangle' (default) or 'circle'. */
    shape?: 'rectangle' | 'circle';
    /** The size of the chip. */
    size?: ModusSize;
    /** The variant of the chip. */
    variant?: 'filled' | 'outline';
    /** Event emitted when the chip is clicked or activated via keyboard. */
    chipClick: EventEmitter<MouseEvent | KeyboardEvent>;
    /** Event emitted when the close chip icon button is clicked. */
    chipRemove: EventEmitter<MouseEvent | KeyboardEvent>;
    componentWillLoad(): void;
    private handleKeyDown;
    private handleKeyUp;
    private handleChipClick;
    private handleChipRemove;
    private getClasses;
    render(): any;
}