react-loader-spinner/dist/blocks.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 {jsxs,jsx}from'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?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:[jsx("title",{children:"Blocks"}),jsx("desc",{children:"Animated representation of blocks"}),jsx("rect",{x:"17",y:"17",width:"20",height:"20",fill:"#577c9b",children:jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0s",calcMode:"discrete"})}),jsx("rect",{x:"40",y:"17",width:"20",height:"20",fill:"#577c9b",children:jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0.125s",calcMode:"discrete"})}),jsx("rect",{x:"63",y:"17",width:"20",height:"20",fill:"#577c9b",children:jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0.25s",calcMode:"discrete"})}),jsx("rect",{x:"17",y:"40",width:"20",height:"20",fill:"#577c9b",children:jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0.875s",calcMode:"discrete"})}),jsx("rect",{x:"63",y:"40",width:"20",height:"20",fill:"#577c9b",children:jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0.375s",calcMode:"discrete"})}),jsx("rect",{x:"17",y:"63",width:"20",height:"20",fill:"#577c9b",children:jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0.75s",calcMode:"discrete"})}),jsx("rect",{x:"40",y:"63",width:"20",height:"20",fill:"#577c9b",children:jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0.625s",calcMode:"discrete"})}),jsx("rect",{x:"63",y:"63",width:"20",height:"20",fill:"#577c9b",children:jsx("animate",{attributeName:"fill",values:"#0dceff;#577c9b;#577c9b",keyTimes:"0;0.125;1",dur:"1s",repeatCount:"indefinite",begin:"0.5s",calcMode:"discrete"})})]}):null;
export{u as Blocks};//# sourceMappingURL=blocks.mjs.map
//# sourceMappingURL=blocks.mjs.map