/** * Props of `` component */ export interface SvgImageProps { /** * SVG image source code */ src: string; /** * Attributes of `` element */ useElAttrs?: Record; } /** * Style-related props of `` component */ export interface SvgIconStyleProps { /** * Icon size. * * Should be a valid CSS unit value or a variable, i.e. `10px`, `0.1em`, `var(--icon-size)`. * * If `undefined` is passed, size won't be changed. * * @default undefined */ size?: string; /** * Icon color. * * Should be a valid CSS color value or a variable, i.e. `#ff0000`, `red`, `var(--icon-color)`. * * If `undefined` is passed, color won't be changed. * * @default undefined */ color?: string; /** * Icon color transition. Should contain only timing and easing functions. * * For example, if you want to set `transition: color 0.2s ease-out;`, pass only `0.2s ease-out`. * * @default "0.3s linear" */ colorTransition?: string; } /** * Props of `` component */ export interface SvgIconProps extends SvgIconStyleProps { /** * Svg source, i.e. result of `import "/my/icon.svg"` */ src: string; }