ldrs/dist/react/Cardio.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 i="container_67e921",a="inner_d22de6",r="car_31bdd5",o="track_c27d9d";const c=({size:c=50,color:l="black",speed:d=1.5,stroke:n=4,bgOpacity:p=.1})=>{const h=parseInt(c+""),m=s(h/40,"M0.5,17.2h8.2l3-4.7l5.9,12l7.8-24l5.9,16.7v0h8.2");return e("div",{className:i,style:{"--uib-size":c+"px","--uib-color":l,"--uib-speed":d+"s","--uib-stroke":n+"","--uib-bg-opacity":p+""},children:t("svg",{className:a,x:"0px",y:"0px",viewBox:`0 0 ${c} ${.625*h}`,height:.625*h,width:c,preserveAspectRatio:"xMidYMid meet",children:[e("path",{className:o,strokeWidth:n,fill:"none",pathLength:"100",d:m}),e("path",{className:r,strokeWidth:n,fill:"none",pathLength:"100",d:m})]})})};export{c as default};
//# sourceMappingURL=Cardio.js.map