react-loader-spinner/dist/watch.mjs

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

import c from'styled-components';import {jsx,jsxs}from'react/jsx-runtime';var i="#4fa94d",o={"aria-busy":true,role:"progressbar"};var n=c.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})=>jsx(n,{style:m,$visible:d,className:g,"data-testid":"watch-loading","aria-label":l,...o,children: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:[jsx("circle",{fill:"none",stroke:t,strokeWidth:"4",strokeMiterlimit:"10",cx:"50",cy:"50",r:p}),jsx("line",{fill:"none",strokeLinecap:"round",stroke:t,strokeWidth:"4",strokeMiterlimit:"10",x1:"50",y1:"50",x2:"85",y2:"50.5",children:jsx("animateTransform",{attributeName:"transform",dur:"2s",type:"rotate",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"})}),jsx("line",{fill:"none",strokeLinecap:"round",stroke:t,strokeWidth:"4",strokeMiterlimit:"10",x1:"50",y1:"50",x2:"49.5",y2:"74",children:jsx("animateTransform",{attributeName:"transform",dur:"15s",type:"rotate",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"})})]})});
export{v as Watch};//# sourceMappingURL=watch.mjs.map
//# sourceMappingURL=watch.mjs.map