ldrs/dist/react/Squircle.js

Minimalist loading animations for React and web components

import{jsx as e,jsxs as t}from"react/jsx-runtime";import{s}from"../scaleD-CuhdI9fg.js";var a="container_5e8073",i="inner_e4bf28",r="car_8b024f",o="track_58231c";const c=({size:c=37,color:n="black",speed:p=.9,stroke:l=5,strokeLength:h=.15,bgOpacity:d=.1})=>{const b=s(parseInt(c+"")/50,"M0.5,25C0.5,7.8,7.8,0.5,25,0.5S49.5,7.8,49.5,25S42.2,49.5,25,49.5S0.5,42.2,0.5,25");return e("div",{className:a,style:{"--uib-size":c+"px","--uib-color":n,"--uib-speed":p+"s","--uib-dash":String(100*parseFloat(h+"")),"--uib-gap":String(100-100*parseFloat(h+"")),"--uib-bg-opacity":d+""},children:t("svg",{className:i,x:"0px",y:"0px",viewBox:`0 0 ${c} ${c}`,height:c,width:c,preserveAspectRatio:"xMidYMid meet",children:[e("path",{className:o,strokeWidth:l,fill:"none",pathLength:"100",d:b}),e("path",{className:r,strokeWidth:l,fill:"none",pathLength:"100",d:b})]})})};export{c as default};
//# sourceMappingURL=Squircle.js.map