ldrs/dist/react/Ring.js

Minimalist loading animations for React and web components

import{jsx as e,jsxs as t}from"react/jsx-runtime";var c="container_f47ac7",a="inner_235694",r="car_b190b2",i="track_4529b9";const s=({size:s=40,color:n="black",speed:l=2,stroke:o=5,bgOpacity:p=0})=>{const h=parseInt(s+""),b=parseInt(o+""),d=h/2,x=Math.max(0,h/2-b/2);return e("div",{className:c,style:{"--uib-size":s+"px","--uib-color":n,"--uib-speed":l+"s","--uib-bg-opacity":p+""},children:t("svg",{className:a,viewBox:`0 0 ${s} ${s}`,height:s,width:s,children:[e("circle",{className:i,cx:d,cy:d,r:x,pathLength:"100",strokeWidth:`${o}px`,fill:"none"}),e("circle",{className:r,cx:d,cy:d,r:x,pathLength:"100",strokeWidth:`${o}px`,fill:"none"})]})})};export{s as default};
//# sourceMappingURL=Ring.js.map