import { type TemplateResult } from 'element-vir';
import { viraIconCssVars } from './icon-css-vars.js';
/**
 * An individual Vira icon SVG definition.
 *
 * @category Icon
 */
export type ViraIconSvg = {
    name: string;
    svgTemplate: TemplateResult;
};
/**
 * A function used to define an individual Vira icon SVG.
 *
 * @category Icon
 */
export declare function defineIcon({ name, svgTemplate, }: {
    name: string;
    svgTemplate: TemplateResult;
}): ViraIconSvg;
/**
 * Wraps an existing icon with a specific color and outputs another icon that can be used anywhere
 * the original icon can be used.
 *
 * @category Icon
 */
export declare function createColoredIcon(icon: ViraIconSvg, colors: Partial<Record<keyof typeof viraIconCssVars, string>>): ViraIconSvg;