react-loader-spinner/dist/progress-bar.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 jsxRuntime=require('react/jsx-runtime');var e={"aria-busy":true,role:"progressbar"};var t="http://www.w3.org/2000/svg";var u=({visible:s=true,height:a="80",width:o="80",wrapperClass:n="",wrapperStyle:p={},ariaLabel:l="progress-bar-loading",borderColor:g="#F4442E",barColor:d="#51E5FF"})=>s?jsxRuntime.jsxs("svg",{width:o,height:a,xmlns:t,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",className:n,style:p,"aria-label":l,"data-testid":"progress-bar-svg",...e,children:[jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("clipPath",{x:"0",y:"0",width:"100",height:"100",id:"lds-progress-cpid-5009611b8a418",children:jsxRuntime.jsxs("rect",{x:"0",y:"0",width:"66.6667",height:"100",children:[jsxRuntime.jsx("animate",{attributeName:"width",calcMode:"linear",values:"0;100;100",keyTimes:"0;0.5;1",dur:"1",begin:"0s",repeatCount:"indefinite"}),jsxRuntime.jsx("animate",{attributeName:"x",calcMode:"linear",values:"0;0;100",keyTimes:"0;0.5;1",dur:"1",begin:"0s",repeatCount:"indefinite"})]})})}),jsxRuntime.jsx("path",{fill:"none",strokeWidth:"2.7928",d:"M82,63H18c-7.2,0-13-5.8-13-13v0c0-7.2,5.8-13,13-13h64c7.2,0,13,5.8,13,13v0C95,57.2,89.2,63,82,63z",stroke:g}),jsxRuntime.jsx("path",{d:"M81.3,58.7H18.7c-4.8,0-8.7-3.9-8.7-8.7v0c0-4.8,3.9-8.7,8.7-8.7h62.7c4.8,0,8.7,3.9,8.7,8.7v0C90,54.8,86.1,58.7,81.3,58.7z",fill:d,clipPath:"url(#lds-progress-cpid-5009611b8a418)"})]}):null;
exports.ProgressBar=u;//# sourceMappingURL=progress-bar.cjs.map
//# sourceMappingURL=progress-bar.cjs.map