/**
 * @customElement
 * @class EnchantedSvgIcon
 * @extends {EnchantedAcBaseElement}
 *
 * @description
 * The `EnchantedSvgIcon` class is a custom web component that extends the `EnchantedAcBaseElement`.
 * It is used to render an SVG icon with customizable properties such as `icon`, `color`, `size`, and `useCurrentColor`.
 *
 * @property {TemplateResult} icon - The SVG icon template to be rendered.
 * @property {string} color - The color of the SVG icon. If `useCurrentColor` is true, the icon will inherit the color from its parent component.
 * @property {string} size - The size of the SVG icon. This sets both the width and height of the icon.
 * @property {boolean} useCurrentColor - A flag indicating whether the icon should inherit the color from its parent component.
 *
 * @constructor
 * Initializes the `EnchantedSvgIcon` component.
 *
 * @method updated
 * @param {Map<string, unknown>} changedProperties - A map of changed properties.
 * Updates the SVG icon's color and size based on the changed properties if `useCurrentColor` is false.
 *
 * @method render
 * @returns {TemplateResult} The template result containing the SVG icon wrapped in a div.
 *
 * @example
 * <enchanted-svg-icon icon="${myIcon}" color="red" size="24px" useCurrentColor></enchanted-svg-icon>
 */
import { TemplateResult } from 'lit';
import { EnchantedAcBaseElement } from './enchanted-ac-base-element';
export declare class EnchantedSvgIcon extends EnchantedAcBaseElement {
    icon?: TemplateResult;
    color: string;
    size: string;
    useCurrentColor: boolean;
    constructor();
    updated(changedProperties: Map<string, unknown>): void;
    render(): TemplateResult<1>;
}