@react-to-styled/loader/dist/cjs/loader.development.js

Loader

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var essentials = require('@react-to-styled/essentials');
var React = require('react');
var styled = require('styled-components');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);

const Loader = ({ wrapperHeight , loaderSize =72 ,  })=>{
    if (wrapperHeight) {
        return /*#__PURE__*/ React__default["default"].createElement(Wrapper, {
            className: "rts-loader__container",
            wrapperHeight: wrapperHeight
        }, /*#__PURE__*/ React__default["default"].createElement(Element, {
            className: "rts-loader",
            "data-element": "loader",
            loaderSize: loaderSize
        }));
    }
    return /*#__PURE__*/ React__default["default"].createElement(Element, {
        className: "rts-loader",
        "data-element": "loader",
        loaderSize: loaderSize
    });
};
const loaderKeyframe = styled.keyframes`
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
`;
const Wrapper = styled__default["default"].div`
  width: 100%;
  ${({ wrapperHeight  })=>`height: ${typeof wrapperHeight === 'number' ? `${wrapperHeight}px` : wrapperHeight}`
};
  display: flex;
  align-items: center;
  justify-content: center;
`;
const Element = styled__default["default"].div`
  width: 72px;
  height: 72px;
  border-radius: 50%;
  font-size: 10px;
  position: relative;
  border: 4px solid transparent;
  border-left-color: ${essentials.Colors.darkBlue};
  transform: translateZ(0);
  animation: ${loaderKeyframe} 1.1s infinite linear;
  ${({ loaderSize  })=>`
    width: ${loaderSize}px;
    height: ${loaderSize}px;
    
    ::after {
      width: ${loaderSize}px;
      height: ${loaderSize}px;
      border-radius: 50%;
    }
  `
};
`;

exports.Loader = Loader;
//# sourceMappingURL=loader.development.js.map