import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject, _templateObject2;

import styled, { keyframes } from 'styled-components';
var rotate360 = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"])));
export var Spinner = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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, (_ref) => {
  var {
    theme
  } = _ref;
  return theme.palette.light;
}, (_ref2) => {
  var {
    theme
  } = _ref2;
  return theme.palette.light;
}, (_ref3) => {
  var {
    theme
  } = _ref3;
  return theme.palette.light;
}, (_ref4) => {
  var {
    theme
  } = _ref4;
  return theme.palette.primary;
});
//# sourceMappingURL=index.js.map