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 • 2.7 kB
JavaScript
'use strict';var jsxRuntime=require('react/jsx-runtime');var t={"aria-busy":true,role:"progressbar"};var i="http://www.w3.org/2000/svg";var u=({visible:r=true,width:a="80",height:c="80",wrapperClass:s="",wrapperStyle:n={},ariaLabel:l="blocks-loading"})=>r?jsxRuntime.jsxs("svg",{width:a,height:c,className:s,style:n,xmlns:i,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid","aria-label":l,"data-testid":"blocks-svg",...t,children:[jsxRuntime.jsx("title",{children:"Blocks"}),jsxRuntime.jsx("desc",{children:"Animated representation of blocks"}),jsxRuntime.jsx("rect",{x:"17",y:"17",width:"20",height:"20",fill:"#577c9b",children:jsxRuntime.jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0s",calcMode:"discrete"})}),jsxRuntime.jsx("rect",{x:"40",y:"17",width:"20",height:"20",fill:"#577c9b",children:jsxRuntime.jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0.125s",calcMode:"discrete"})}),jsxRuntime.jsx("rect",{x:"63",y:"17",width:"20",height:"20",fill:"#577c9b",children:jsxRuntime.jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0.25s",calcMode:"discrete"})}),jsxRuntime.jsx("rect",{x:"17",y:"40",width:"20",height:"20",fill:"#577c9b",children:jsxRuntime.jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0.875s",calcMode:"discrete"})}),jsxRuntime.jsx("rect",{x:"63",y:"40",width:"20",height:"20",fill:"#577c9b",children:jsxRuntime.jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0.375s",calcMode:"discrete"})}),jsxRuntime.jsx("rect",{x:"17",y:"63",width:"20",height:"20",fill:"#577c9b",children:jsxRuntime.jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0.75s",calcMode:"discrete"})}),jsxRuntime.jsx("rect",{x:"40",y:"63",width:"20",height:"20",fill:"#577c9b",children:jsxRuntime.jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0.625s",calcMode:"discrete"})}),jsxRuntime.jsx("rect",{x:"63",y:"63",width:"20",height:"20",fill:"#577c9b",children:jsxRuntime.jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0.5s",calcMode:"discrete"})})]}):null;
exports.Blocks=u;//# sourceMappingURL=blocks.cjs.map
//# sourceMappingURL=blocks.cjs.map