import '@components/icon/icon.js';
import { SkfElement } from '@internal/components/skf-element';
import type { Icon, SeverityBgColor } from '@skf-design-system/ui-assets';
import { type CSSResultGroup } from 'lit';
/**
 * The `<skf-tag>` is a component that displays a list of actions or options
 *
 * @documentation See [zeroheight](https://zeroheight.com/853e936c9/p/28bdd6-tags) for design principles
 *
 * @slot - The component's placeholder content
 *
 * @tagname skf-tag
 */
export declare class SkfTag extends SkfElement {
    static styles: CSSResultGroup;
    /** @internal */
    private _onClick?;
    /** @internal */
    protected _onRemove?: (event: Event) => void;
    /** Specifies Tag size - @default "md" */
    size: 'sm' | 'md' | 'lg';
    /** If defined, displays leading/provided icon - @type { "arrowDown" | "arrowDownUp" | "arrowLeft" | "arrowRight" | "arrowUp" | "article" | "artificialIntelligence" | "asset" | "attachment" | "bandCursor" | "bands" | "batteryEmpty" | "batteryFull" | "batteryLow" | "bearingFault" | "book" | "bulb" | "burger" | "cPM" | "calendar" | "calendarBooked" | "calendarEmpty" | "calendarNotBooked" | "calendarRecurring" | "caretDown" | "caretUp" | "caretUpDown" | "chat" | "check" | "checkCircle" | "checkSmall" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronUpDown" | "close" | "closeAllFaults" | "closeFault" | "closeSmall" | "columnGraph" | "comment" | "connection1" | "connection2" | "connection3" | "connection4" | "danger" | "defectFrequencies" | "defectFrequenciesAlternative" | "doubleChevronLeft" | "doubleChevronRight" | "download" | "draft" | "draftFilled" | "draftOutlined" | "dragNDrop" | "drop" | "duplicate" | "edit" | "emailFilled" | "emailOutlined" | "exclamation" | "eye" | "eyeHidden" | "eyeVisible" | "filter" | "forbidden" | "fullScreen" | "fullScreenExit" | "functionalLocation" | "harmonicCursor" | "heatmap" | "hierarchy" | "history" | "historyAlt" | "hourglassFramedFilled" | "hourglassFramedOutlined" | "hourglassOutlined" | "hz" | "iMX" | "image" | "infoCircleFilled" | "infoCircleOutlined" | "integration" | "kebab" | "link" | "listGroup" | "listItem" | "locationPin" | "lock" | "logOut" | "meatballs" | "microphone" | "minus" | "minusSmall" | "noData" | "o" | "openInNew" | "overlayBaseline" | "pDF" | "paper" | "pause" | "pieChart" | "pin" | "play" | "plus" | "powerOff" | "printer" | "proCollect" | "recAction" | "received" | "refresh" | "reorder" | "replace" | "reply" | "rewalkableRoute" | "routes" | "search" | "send" | "sensorA" | "sensorB" | "settings" | "sidebandCursor" | "singleCursor" | "spectrum" | "starFilled" | "starOutlined" | "statusCircle" | "stop" | "structuralVibration" | "sync" | "timewave" | "trash" | "trend" | "trendingUp" | "undo" | "unknownCircle" | "unknownDiamond" | "unlink" | "unlock" | "unscheduledAction" | "upload" | "user" | "viewFull" | "viewHorizontal" | "viewVertical" | "warning" | "warningCircle" | "warningDiamond" | "zoomIn" | "zoomOut" } */
    icon?: Icon;
    /** If defined, gives the supplied appearance - @type {  "warning" | "success" | "info" | "error" | "alert" } */
    color?: SeverityBgColor;
    /** If provided, accepts a function that runs on click. */
    set onClick(onClickFn: ((event: Event) => void) | undefined);
    get onClick(): ((event: Event) => void) | undefined;
    /** If provided, accepts a function that runs on click. Self removal can be overridden by using `event.stopPropagation()`. */
    set onRemove(onRemoveFn: ((event: Event) => void) | undefined);
    get onRemove(): ((event: Event) => void) | undefined;
    /** If true, adds trailing button to remove tag */
    removable?: boolean;
    $removeButton: HTMLButtonElement;
    connectedCallback(): void;
    disconnectedCallback(): void;
    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
    protected _handleKeyDown: (e: KeyboardEvent) => void;
    /** run externally provided callback (if any) first. Let click propagate to handleClick. */
    protected _handleRemove: (e: Event) => void;
    protected _handleClick: (e: Event) => void;
    render(): import("lit").TemplateResult<1>;
}