UNPKG

vite-awesome-svg-loader

Version:

A universal Vite SVG loader. Imports SVGs as source code, base64 and data URI. Preserves stroke width. Replaces colors with currentColor or custom colors. Creates SVG sprites. Optimizes SVGs.

3 lines (2 loc) 898 B
"use strict";const o=require("react/jsx-runtime"),e=require("react"),a=require("../integration-utils/index-CyvitpnO.cjs");function x({src:t,useElAttrs:n,...u}){const s=e.useRef(""),r=e.useRef(""),[i,f]=e.useState(s.current),[l,j]=e.useState({}),d=()=>{const c=a.z(r.current,t);c.id&&(f(c.id),s.current=c.id),c.attrs&&j(c.attrs),r.current=t};return e.useEffect(()=>(d(),()=>{a.T(s.current),r.current=""}),[]),e.useEffect(d,[t]),o.jsx("svg",{...u,...l,children:o.jsx("use",{...n,href:"#"+i})})}function m({src:t,size:n,color:u,colorTransition:s,...r}){const i=()=>a.B({size:n,color:u,colorTransition:s}),[f,l]=e.useState(i());return e.useEffect(()=>l(i()),[n,u,s]),e.useEffect(a.N,[]),o.jsx("span",{...r,className:"vite-awesome-svg-loader-icon "+r.className,style:{...r.style,...f},children:o.jsx(x,{src:t,"aria-hidden":"true"})})}exports.A=m;exports.y=x; //# sourceMappingURL=index-d-LFQcyx.cjs.map