"use strict";

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

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

exports.__esModule = true;
exports.Spinner = void 0;

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

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

var _templateObject, _templateObject2;

var rotate360 = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"])));

var Spinner = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  animation: ", " 1s linear infinite;\n  transform: translateZ(0);\n  border-top: 0.2rem solid ", ";\n  border-right: 0.2rem solid ", ";\n  border-bottom: 0.2rem solid ", ";\n  border-left: 0.4rem solid ", ";\n  background: transparent;\n  width: 4.4rem !important;\n  height: 4.4rem !important;\n  border-radius: 50%;\n  margin: auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 20;\n"])), rotate360, function (_ref) {
  var theme = _ref.theme;
  return theme.palette.light;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.palette.light;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.palette.light;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.palette.primary;
});

exports.Spinner = Spinner;
//# sourceMappingURL=index.js.map