import type { TemplateResult, CSSResultArray, PropertyValues } from 'lit';
import { PharosElement } from '../base/pharos-element';
import type { IconName } from '../icon/pharos-icon';
export type { IconName };
/**
 * Pharos pill component.
 *
 * @tag pharos-pill
 *
 * @fires pharos-pill-dismissed - Fires when the pill is dismissed
 **/
export type PillPreset = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
declare const PharosPill_base: typeof PharosElement;
export declare class PharosPill extends PharosPill_base {
    /**
     * The size of the pill
     * @attr size
     */
    size: 'base' | 'small';
    /**
     * Makes the pill dismissible with a close button
     * @attr dismissible
     */
    dismissible: boolean;
    /**
     * Makes the pill disabled, should only be used with dismissible pills
     * @attr disabled
     */
    disabled: boolean;
    /**
     * The preset color style of the pill
     * @attr preset
     */
    preset: PillPreset;
    /**
     * The icon to be shown to the left of the pill content.
     * @attr icon-left
     * @type {IconName | undefined}
     */
    iconLeft?: IconName;
    private _icon;
    static get styles(): CSSResultArray;
    protected updated(changedProperties: PropertyValues): Promise<void>;
    private _renderIcon;
    private _handleDismiss;
    protected render(): TemplateResult;
}
//# sourceMappingURL=pharos-pill.d.ts.map