UNPKG

@react-to-styled/loader

Version:
28 lines (26 loc) 1.32 kB
"use strict";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