react-loader-spinner/dist/triangle.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 s=require('styled-components'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var s__default=/*#__PURE__*/_interopDefault(s);var t="#4fa94d",i={"aria-busy":true,role:"progressbar"};var o=s__default.default.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=s.keyframes`
to {
   stroke-dashoffset: 136;
 }
`,T=s__default.default.polygon`
  stroke-dasharray: 17;
  animation: ${f} 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;
`,y=s__default.default.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})=>jsxRuntime.jsx(o,{style:g,$visible:S,className:`${m}`,"data-testid":"triangle-loading","aria-label":l,...i,children:jsxRuntime.jsx(y,{id:"triangle",width:a,height:r,xmlns:n,viewBox:c,"data-testid":"triangle-svg",children:jsxRuntime.jsx(T,{fill:"transparent",stroke:p,strokeWidth:"1",points:A})})});exports.Triangle=L;//# sourceMappingURL=triangle.cjs.map
//# sourceMappingURL=triangle.cjs.map