import { IxComponentInterface } from '../utils/internal';
declare const Pill_base: abstract new (...args: any[]) => {
    componentDidLoad(): void;
    disconnectedCallback(): void;
    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
    connectedCallback?(): void;
    componentWillRender?(): Promise<void> | void;
    componentDidRender?(): void;
    componentWillLoad?(): Promise<void> | void;
    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
    componentWillUpdate?(): Promise<void> | void;
    componentDidUpdate?(): void;
    render?(): any;
} & import("../utils/internal/component").StencilLifecycle;
export declare class Pill extends Pill_base implements IxComponentInterface {
    hostElement: HTMLIxPillElement;
    /**
     * Pill variant
     */
    variant: 'primary' | 'alarm' | 'critical' | 'warning' | 'info' | 'neutral' | 'success' | 'custom';
    /**
     * Show pill as outline
     */
    outline: boolean;
    /**
     * Show icon
     */
    icon?: string;
    /**
     * ARIA label for the icon
     *
     * @since 3.2.0
     */
    ariaLabelIcon?: string;
    /**
     * Custom color for pill. Only working for `variant='custom'`
     */
    background: string | undefined;
    /**
     * Custom font color for pill. Only working for `variant='custom'`
     */
    pillColor: string | undefined;
    /**
     * Align pill content left
     */
    alignLeft: boolean;
    /**
     * Display a tooltip. By default, no tooltip will be displayed.
     * Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text.
     * @since 3.0.0
     */
    tooltipText: string | boolean;
    iconOnly: boolean;
    private readonly containerElementRef;
    componentWillLoad(): void;
    private checkIfContentAvailable;
    private getTooltip;
    render(): any;
}
export {};