ldrs/dist/react/Mirage.js

Minimalist loading animations for React and web components

import{jsx as e,jsxs as i}from"react/jsx-runtime";var r="container_d9a47f",s="inner_621197",c="svg_e29ee7",a="dot_49151b";const l=({size:l=60,color:t="black",speed:o=2.5})=>{const n=parseInt(l+""),d=.23*n;return e("div",{className:r,style:{"--uib-size":l+"px","--uib-color":t,"--uib-speed":o+"s"},children:e("div",{className:s,children:i("svg",{className:c,x:"0px",y:"0px",viewBox:`0 0 ${l} ${d}`,height:d,width:l,preserveAspectRatio:"xMidYMid meet",children:[e("circle",{className:a}),e("circle",{className:a}),e("circle",{className:a}),e("circle",{className:a}),e("circle",{className:a}),e("defs",{children:i("filter",{id:"uib-mirage-filter",children:[e("feGaussianBlur",{in:"SourceGraphic",stdDeviation:n/20,result:"blur"}),e("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7",result:"ooze"}),e("feBlend",{in:"SourceGraphic",in2:"ooze"})]})})]})})})};export{l as default};
//# sourceMappingURL=Mirage.js.map