"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var React = _interopRequireWildcard(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _styledComponents = _interopRequireWildcard(require("styled-components"));

var _interpolation = require("../../Tools/interpolation");

//  strict
var bounceAnimation =
/*#__PURE__*/
(0, _styledComponents.keyframes)(["\n  0%,\n  100% { transform: scale(0); }\n  50% { transform: scale(1); }\n"]);

var Container =
/*#__PURE__*/
_styledComponents.default.div.withConfig({
  componentId: "kz3e8i-0"
})(["\n  position: relative;\n  width: ", ";\n  height: ", ";\n"], (0, _interpolation.prop)('size'), (0, _interpolation.prop)('size'));

var Circle1 =
/*#__PURE__*/
_styledComponents.default.div.withConfig({
  componentId: "kz3e8i-1"
})(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  opacity: 0.7;\n  background-color: ", ";\n  animation: ", " 2s infinite ease-in-out;\n"], (0, _interpolation.theme)('loaderColor'), bounceAnimation);

var Circle2 =
/*#__PURE__*/
(0, _styledComponents.default)(Circle1).withConfig({
  componentId: "kz3e8i-2"
})(["\n  animation-delay: -1s;\n"]);

var HeartbeatLoader = function HeartbeatLoader(props) {
  return React.createElement(Container, props, React.createElement(Circle1, null), React.createElement(Circle2, null));
};

HeartbeatLoader.propTypes = process.env.NODE_ENV !== "production" ? {
  size: _propTypes.default.string.isRequired
} : {};
HeartbeatLoader.defaultProps = {
  size: '40px'
};
var _default = HeartbeatLoader;
exports.default = _default;