react-loader-spinner/dist/triangle.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 s,{keyframes}from'styled-components';import {jsx}from'react/jsx-runtime';var t="#4fa94d",i={"aria-busy":true,role:"progressbar"};var o=s.div`
  display: ${r=>r.$visible?"flex":"none"};
`;var n="http://www.w3.org/2000/svg";var c="-3 -4 39 39",A="16,0 32,32 0,32",f=keyframes`
to {
   stroke-dashoffset: 136;
 }
`,T=s.polygon`
  stroke-dasharray: 17;
  animation: ${f} 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;
`,y=s.svg`
  transform-origin: 50% 65%;
`,L=({height:r=80,width:a=80,color:p=t,ariaLabel:l="triangle-loading",wrapperStyle:g,wrapperClass:m,visible:S=true})=>jsx(o,{style:g,$visible:S,className:`${m}`,"data-testid":"triangle-loading","aria-label":l,...i,children:jsx(y,{id:"triangle",width:a,height:r,xmlns:n,viewBox:c,"data-testid":"triangle-svg",children:jsx(T,{fill:"transparent",stroke:p,strokeWidth:"1",points:A})})});export{L as Triangle};//# sourceMappingURL=triangle.mjs.map
//# sourceMappingURL=triangle.mjs.map