@react-to-styled/loader
Version:
28 lines (26 loc) • 1.32 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@react-to-styled/essentials"),t=require("react"),r=require("styled-components");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t),i=a(r);const o=r.keyframes`
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
`,l=i.default.div`
width: 100%;
${({wrapperHeight:e})=>"height: "+("number"==typeof e?e+"px":e)};
display: flex;
align-items: center;
justify-content: center;
`,d=i.default.div`
width: 72px;
height: 72px;
border-radius: 50%;
font-size: 10px;
position: relative;
border: 4px solid transparent;
border-left-color: ${e.Colors.darkBlue};
transform: translateZ(0);
animation: ${o} 1.1s infinite linear;
${({loaderSize:e})=>`\n width: ${e}px;\n height: ${e}px;\n \n ::after {\n width: ${e}px;\n height: ${e}px;\n border-radius: 50%;\n }\n `};
`;exports.Loader=({wrapperHeight:e,loaderSize:t=72})=>e?n.default.createElement(l,{className:"rts-loader__container",wrapperHeight:e},n.default.createElement(d,{className:"rts-loader","data-element":"loader",loaderSize:t})):n.default.createElement(d,{className:"rts-loader","data-element":"loader",loaderSize:t});
//# sourceMappingURL=loader.production.min.js.map