import { PropertyValues, TemplateResult } from 'lit';
import { SbbIconBase } from './icon-base.ts';
/**
 * Displays an icon loaded from a registered namespace.
 */
export declare class SbbIconElement extends SbbIconBase {
    static readonly elementName: string;
    /**
     * We need to additionally observe the svgicon attribute
     * for sbb-angular compatibility.
     * @internal
     */
    static get observedAttributes(): string[];
    /**
     * The provided name consisting of the namespace and the name of the icon.
     * If the namespace is missing, the default namespace "sbb" will be used.
     * E.g. `name` (will use "sbb" as namespace) or `namespace:name`.
     */
    accessor name: string;
    /**
     * The sbb-angular library has a sbb-icon component as well. In order to provide
     * compatibility with it (as some icons are used internally inside the other sbb-angular
     * components) we need to check whether the attribute svgicon is used.
     */
    private accessor _sbbAngularCompatibility;
    connectedCallback(): void;
    protected fetchSvgIcon(namespace: string, name: string): Promise<string>;
    protected willUpdate(changedProperties: PropertyValues<this>): void;
    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
    protected render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'sbb-icon': SbbIconElement;
    }
}
//# sourceMappingURL=icon.component.d.ts.map