react-loader-spinner/dist/watch.cjs

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

'use strict';var c=require('styled-components'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var c__default=/*#__PURE__*/_interopDefault(c);var i="#4fa94d",o={"aria-busy":true,role:"progressbar"};var n=c__default.default.div`
  display: ${e=>e.$visible?"flex":"none"};
`;var a="http://www.w3.org/2000/svg";var v=({height:e=80,width:s=80,radius:p=48,color:t=i,ariaLabel:l="watch-loading",wrapperStyle:m,wrapperClass:g,visible:d=true})=>jsxRuntime.jsx(n,{style:m,$visible:d,className:g,"data-testid":"watch-loading","aria-label":l,...o,children:jsxRuntime.jsxs("svg",{width:s,height:e,version:"1.1",id:"L2",xmlns:a,x:"0px",y:"0px",viewBox:"0 0 100 100",enableBackground:"new 0 0 100 100",xmlSpace:"preserve","data-testid":"watch-svg",children:[jsxRuntime.jsx("circle",{fill:"none",stroke:t,strokeWidth:"4",strokeMiterlimit:"10",cx:"50",cy:"50",r:p}),jsxRuntime.jsx("line",{fill:"none",strokeLinecap:"round",stroke:t,strokeWidth:"4",strokeMiterlimit:"10",x1:"50",y1:"50",x2:"85",y2:"50.5",children:jsxRuntime.jsx("animateTransform",{attributeName:"transform",dur:"2s",type:"rotate",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"})}),jsxRuntime.jsx("line",{fill:"none",strokeLinecap:"round",stroke:t,strokeWidth:"4",strokeMiterlimit:"10",x1:"50",y1:"50",x2:"49.5",y2:"74",children:jsxRuntime.jsx("animateTransform",{attributeName:"transform",dur:"15s",type:"rotate",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"})})]})});
exports.Watch=v;//# sourceMappingURL=watch.cjs.map
//# sourceMappingURL=watch.cjs.map