import { type PartialWithUndefined } from '@augment-vir/common';
import { type CSSResult } from 'element-vir';
import { viraIconCssVars } from './icon-css-vars.js';
import { type ViraIconSvg } from './icon-svg.js';
/**
 * Wraps an existing icon with a specific color and outputs another icon that can be used anywhere
 * the original icon can be used. Results are cached per source icon and color combination.
 *
 * @category Icon
 */
export declare function createColoredIcon(icon: ViraIconSvg, colors: PartialWithUndefined<Record<keyof typeof viraIconCssVars, string | CSSResult>>): ViraIconSvg;