ldrs/dist/react/Infinity.js

Minimalist loading animations for React and web components

import{jsx as e,jsxs as t}from"react/jsx-runtime";import{s as a}from"../scaleD-CuhdI9fg.js";var s="container_6cd0f4",i="inner_ad7cfd",r="car_f125fd",c="track_b79799";const o=({size:o=55,color:n="black",speed:p=1.3,stroke:l=4,strokeLength:d=.15,bgOpacity:h=.1})=>{const b=parseInt(o+""),g=a(b/50,"M26.7,12.2c3.5,3.4,7.4,7.8,12.7,7.8c5.5,0,9.6-4.4,9.6-9.5C49,5,45.1,1,39.8,1c-5.5,0-9.5,4.2-13.1,7.8l-3.4,3.3c-3.6,3.6-7.6,7.8-13.1,7.8C4.9,20,1,16,1,10.5C1,5.4,5.1,1,10.6,1c5.3,0,9.2,4.5,12.7,7.8L26.7,12.2z");return e("div",{className:s,style:{"--uib-size":o+"px","--uib-color":n,"--uib-speed":p+"s","--uib-dash":String(100*parseFloat(d+"")),"--uib-gap":String(100-100*parseFloat(d+"")),"--uib-bg-opacity":h+""},children:t("svg",{className:i,x:"0px",y:"0px",viewBox:`0 0 ${o} ${b*(2.1/5)}`,height:b*(2.1/5),width:o,preserveAspectRatio:"xMidYMid meet",children:[e("path",{className:c,strokeWidth:l,fill:"none",pathLength:"100",d:g}),e("path",{className:r,strokeWidth:l,fill:"none",pathLength:"100",d:g})]})})};export{o as default};
//# sourceMappingURL=Infinity.js.map