react-loader-spinner/dist/rotating-triangles.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 {jsx,jsxs}from'react/jsx-runtime';var e={"aria-busy":true,role:"progressbar"};var a="http://www.w3.org/2000/svg";var d=({visible:n=true,height:i="80",width:o="80",wrapperClass:s="",wrapperStyle:l={},ariaLabel:g="rotating-triangle-loading",colors:t=["#1B5299","#EF8354","#DB5461"]})=>n?jsx("svg",{width:o,height:i,xmlns:a,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",className:s,style:l,"aria-label":g,"data-testid":"rotating-triangle-svg",...e,children:jsx("g",{transform:"translate(50,42)",children:jsx("g",{transform:"scale(0.8)",children:jsxs("g",{transform:"translate(-50,-50)",children:[jsx("polygon",{points:"72.5,50 50,11 27.5,50 50,50",fill:t[0],transform:"rotate(186 50 38.5)",children:jsx("animateTransform",{attributeName:"transform",type:"rotate",calcMode:"linear",values:"0 50 38.5;360 50 38.5",keyTimes:"0;1",dur:"1s",begin:"0s",repeatCount:"indefinite"})}),jsx("polygon",{points:"5,89 50,89 27.5,50",fill:t[1],transform:"rotate(186 27.5 77.5)",children:jsx("animateTransform",{attributeName:"transform",type:"rotate",calcMode:"linear",values:"0 27.5 77.5;360 27.5 77.5",keyTimes:"0;1",dur:"1s",begin:"0s",repeatCount:"indefinite"})}),jsx("polygon",{points:"72.5,50 50,89 95,89",fill:t[2],transform:"rotate(186 72.2417 77.5)",children:jsx("animateTransform",{attributeName:"transform",type:"rotate",calcMode:"linear",values:"0 72.5 77.5;360 72 77.5",keyTimes:"0;1",dur:"1s",begin:"0s",repeatCount:"indefinite"})})]})})})}):null;
export{d as RotatingTriangles};//# sourceMappingURL=rotating-triangles.mjs.map
//# sourceMappingURL=rotating-triangles.mjs.map