ldrs
Version:
Minimalist loading animations for React and web components
3 lines (2 loc) • 871 B
JavaScript
import{jsx as e,jsxs as i}from"react/jsx-runtime";var r="container_248bb3",s="inner_c5c344",c="svg_6793e9",l="dot_e1cba2";const a=({size:a=40,color:t="black",speed:o=.9})=>{const n=parseInt(a+""),d=n/2;return e("div",{className:r,style:{"--uib-size":a+"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 ${a} ${d}`,height:d,width:a,preserveAspectRatio:"xMidYMid meet",children:[e("circle",{className:l}),e("circle",{className:l}),e("defs",{children:i("filter",{id:"uib-jelly-filter",children:[e("feGaussianBlur",{in:"SourceGraphic",stdDeviation:n/8,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{a as default};
//# sourceMappingURL=Jelly.js.map