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.17 kB
JavaScript
'use strict';var jsxRuntime=require('react/jsx-runtime');var t={"aria-busy":true,role:"progressbar"};var s="http://www.w3.org/2000/svg";var A=({visible:i=true,width:o="80",height:a="80",wrapperClass:n="",wrapperStyle:p={},ariaLabel:l="discuss-loading",colors:e=["#ff727d","#ff727d"]})=>i?jsxRuntime.jsxs("svg",{width:o,height:a,xmlns:s,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",className:n,style:p,"aria-label":l,"data-testid":"discuss-svg",...t,children:[jsxRuntime.jsx("path",{fill:"none",d:"M82 50A32 32 0 1 1 23.533421623214014 32.01333190873183 L21.71572875253809 21.7157287525381 L32.013331908731814 23.53342162321403 A32 32 0 0 1 82 50",strokeWidth:"5",stroke:e[0]}),jsxRuntime.jsx("circle",{cx:"50",cy:"50",fill:"none",strokeLinecap:"round",r:"20",strokeWidth:"5",stroke:e[1],strokeDasharray:"31.41592653589793 31.41592653589793",transform:"rotate(96 50 50)",children:jsxRuntime.jsx("animateTransform",{attributeName:"transform",type:"rotate",calcMode:"linear",values:"0 50 50;360 50 50",keyTimes:"0;1",dur:"1s",begin:"0s",repeatCount:"indefinite"})})]}):null;
exports.Discuss=A;//# sourceMappingURL=discuss.cjs.map
//# sourceMappingURL=discuss.cjs.map