import { LitElement } from 'lit';
import type { IconName } from './icons';
/**
 * Inline SVG icon component. All SVG raw imports are isolated inside the icons folder.
 *
 * @attr name - Icon name (e.g. "mic-on", "camera-off"). See IconName for all values.
 * @attr size - Size in pixels applied as width and height on the SVG (default: 24).
 *
 * @example
 * <sw-ui-icon name="mic-on"></sw-ui-icon>
 * <sw-ui-icon name="phone-end" size="32"></sw-ui-icon>
 * <sw-ui-icon name="settings" slot="icon"></sw-ui-icon>
 *
 * The inline SVG inherits `color` from the host (use `currentColor` in
 * stylesheets). Sizing is controlled via the `size` attribute, not CSS parts.
 */
export declare class SwUiIcon extends LitElement {
    static styles: import("lit").CSSResult;
    name: IconName;
    size: number;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'sw-ui-icon': SwUiIcon;
    }
}
//# sourceMappingURL=sw-ui-icon.d.ts.map