UNPKG

react-loader-spinner

Version:

react-spinner-loader provides simple React.js spinner component which can be implemented for async wait operation before data load to the view.

3 lines 1.3 kB
'use strict';var jsxRuntime=require('react/jsx-runtime');var t="#4fa94d",i={"aria-busy":true,role:"progressbar"};var a="http://www.w3.org/2000/svg";var A=({visible:o=true,height:n="80",width:s="80",wrapperClass:p="",wrapperStyle:l={},ariaLabel:m="radio-loading",colors:r=[t,t,t]})=>o?jsxRuntime.jsxs("svg",{width:s,height:n,xmlns:a,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",className:p,style:l,"aria-label":m,"data-testid":"radio-bar-svg",...i,children:[jsxRuntime.jsx("circle",{cx:"28",cy:"75",r:"11",fill:r[0],children:jsxRuntime.jsx("animate",{attributeName:"fill-opacity",calcMode:"linear",values:"0;1;1",keyTimes:"0;0.2;1",dur:"1",begin:"0s",repeatCount:"indefinite"})}),jsxRuntime.jsx("path",{d:"M28 47A28 28 0 0 1 56 75",fill:"none",strokeWidth:"10",stroke:r[1],children:jsxRuntime.jsx("animate",{attributeName:"stroke-opacity",calcMode:"linear",values:"0;1;1",keyTimes:"0;0.2;1",dur:"1",begin:"0.1s",repeatCount:"indefinite"})}),jsxRuntime.jsx("path",{d:"M28 25A50 50 0 0 1 78 75",fill:"none",strokeWidth:"10",stroke:r[2],children:jsxRuntime.jsx("animate",{attributeName:"stroke-opacity",calcMode:"linear",values:"0;1;1",keyTimes:"0;0.2;1",dur:"1",begin:"0.2s",repeatCount:"indefinite"})})]}):null; exports.Radio=A;//# sourceMappingURL=radio.cjs.map //# sourceMappingURL=radio.cjs.map