"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.LoadingWrap = void 0;
var _styled = _interopRequireDefault(require("@modern-js/runtime/styled"));
let _ = t => t,
  _t;
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const LoadingWrap = _styled.default.div(_t || (_t = _`
  .iconSpinner {
    pointer-events: none;
    width: ${0}px;
    height: ${0}px;
    transition: opacity 0.3s;
  }

  .dot {
    box-sizing: border-box;
    background: #9e9e9e;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-radius: 50px;
    width: ${0}px;
    height: ${0}px;
    position: absolute;
  }

  .dots {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    display: flex;
    place-content: center;
    align-items: center;
  }

  .check {
    opacity: 0;
    width: ${0}px;
  }
`), props => props.size, props => props.size, props => props.size - 24, props => props.size - 22, props => props.size - 10);
exports.LoadingWrap = LoadingWrap;