import { TemplateResult } from 'lit';
import { OmniElement } from '../core/OmniElement.js';
import '../icons/Close.icon.js';
/**
 * Control that can be used for input, setting attributes, or performing actions.
 *
 * @import
 * ```js
 * import '@capitec/omni-components/chip';
 * ```
 *
 * @example
 * ```html
 * <omni-chip
 *   label="Chip title"
 *   closable>
 * </omni-chip>
 * ```
 *
 * @element omni-chip
 *
 * Registry of all properties defined by the component.
 *
 * @slot chip_icon - Replaces the icon for the chip slot
 * @slot close_icon - Replaces the icon for the closed slot
 *
 * @fires {CustomEvent<{}>} remove - Dispatched when the close icon is clicked.
 *
 * @cssprop --omni-chip-height - Component height.
 * @cssprop --omni-chip-max-height - Component maximum height.
 * @cssprop --omni-chip-border - Component border.
 * @cssprop --omni-chip-border-radius - Component border radius.
 * @cssprop --omni-chip-background-color - Component background color.
 * @cssprop --omni-chip-padding - Component padding.
 *
 * @cssprop --omni-chip-hover-border - Component hover border.
 * @cssprop --omni-chip-hover-shadow - Component hover shadow.
 *
 * @cssprop --omni-chip-label-padding-left - Component label left padding.
 * @cssprop --omni-chip-label-padding-right - Component label right padding.
 * @cssprop --omni-chip-label-color - Component label color.
 * @cssprop --omni-chip-label-font-family - Component label font family.
 * @cssprop --omni-chip-label-font-size - Component label font size.
 * @cssprop --omni-chip-label-font-weight - Component label font weight.
 * @cssprop --omni-chip-label-line-height - Component label line height.
 *
 * @cssprop --omni-chip-icon-width - Component slotted icon width.
 *
 * @cssprop --omni-chip-close-icon-width - Component close icon width.
 * @cssprop --omni-chip-close-icon-color - Component close icon color.
 *
 * @cssprop --omni-chip-disabled-border-color - Component disabled border color.
 * @cssprop --omni-chip-disabled-background-color - Component disabled background color.
 * @cssprop --omni-chip-disabled-hover-background-color - Component icon left padding.
 *
 */
export declare class Chip extends OmniElement {
    /**
     * Text label.
     * @attr
     */
    label?: string;
    /**
     * Sets if the chip has a close button.
     * @attr
     */
    closable?: boolean;
    /**
     * Indicator if the component is disabled.
     * @attr
     */
    disabled?: boolean;
    _removeClicked(e: MouseEvent): void;
    static get styles(): import("lit").CSSResultGroup[];
    protected render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'omni-chip': Chip;
    }
}
//# sourceMappingURL=Chip.d.ts.map