avlmap/src/components/loading/loadingPage.js

Avail Map by Avail Labs

"use strict";

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

var _react = _interopRequireDefault(require("react"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

/** @jsx React.DOM*/
var _default = function _default(_ref) {
  var _ref$width = _ref.width,
      width = _ref$width === void 0 ? '100vw' : _ref$width,
      _ref$height = _ref.height,
      height = _ref$height === void 0 ? '100vh' : _ref$height;
  return _react["default"].DOM("div", {
    style: {
      width: width,
      height: height,
      backgroundColor: "transparent",
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center'
    }
  }, _react["default"].DOM("svg", {
    width: "100",
    height: "100"
  }, _react["default"].DOM("path", {
    fill: "#35afce",
    d: "M31.6,3.5C5.9,13.6-6.6,42.7,3.5,68.4c10.1,25.7,39.2,38.3,64.9,28.1l-3.1-7.9c-21.3,8.4-45.4-2-53.8-23.3 c-8.4-21.3,2-45.4,23.3-53.8L31.6,3.5z"
  }, _react["default"].DOM("animateTransform", {
    attributeName: "transform",
    attributeType: "XML",
    type: "rotate",
    dur: "2s",
    from: "0 50 50",
    to: "360 50 50",
    repeatCount: "indefinite"
  })), _react["default"].DOM("path", {
    fill: "#eac759",
    d: "M42.3,39.6c5.7-4.3,13.9-3.1,18.1,2.7c4.3,5.7,3.1,13.9-2.7,18.1l4.1,5.5c8.8-6.5,10.6-19,4.1-27.7 c-6.5-8.8-19-10.6-27.7-4.1L42.3,39.6z"
  }, _react["default"].DOM("animateTransform", {
    attributeName: "transform",
    attributeType: "XML",
    type: "rotate",
    dur: "1s",
    from: "0 50 50",
    to: "-360 50 50",
    repeatCount: "indefinite"
  })), _react["default"].DOM("path", {
    fill: "#e85e38",
    d: "M82,35.7C74.1,18,53.4,10.1,35.7,18S10.1,46.6,18,64.3l7.6-3.4c-6-13.5,0-29.3,13.5-35.3s29.3,0,35.3,13.5 L82,35.7z"
  }, _react["default"].DOM("animateTransform", {
    attributeName: "transform",
    attributeType: "XML",
    type: "rotate",
    dur: "2s",
    from: "0 50 50",
    to: "360 50 50",
    repeatCount: "indefinite"
  }))));
};

exports["default"] = _default;

var ScalableLoading = function ScalableLoading(_ref2) {
  var _ref2$scale = _ref2.scale,
      scale = _ref2$scale === void 0 ? 1 : _ref2$scale;
  var size = 100 * scale;
  return _react["default"].DOM("div", {
    style: {
      position: "relative",
      width: "".concat(size, "px"),
      height: "".concat(size, "px")
    }
  }, _react["default"].DOM("div", {
    style: {
      transform: "translate(-".concat(50 - size * 0.5, "%, -").concat(50 - size * 0.5, "%) scale(").concat(scale, ", ").concat(scale, ")"),
      width: "100px",
      height: "100px"
    }
  }, _react["default"].DOM("svg", {
    width: "100",
    height: "100"
  }, _react["default"].DOM("path", {
    fill: "#35afce",
    d: "M31.6,3.5C5.9,13.6-6.6,42.7,3.5,68.4c10.1,25.7,39.2,38.3,64.9,28.1l-3.1-7.9c-21.3,8.4-45.4-2-53.8-23.3 c-8.4-21.3,2-45.4,23.3-53.8L31.6,3.5z"
  }, _react["default"].DOM("animateTransform", {
    attributeName: "transform",
    attributeType: "XML",
    type: "rotate",
    dur: "2s",
    from: "0 50 50",
    to: "360 50 50",
    repeatCount: "indefinite"
  })), _react["default"].DOM("path", {
    fill: "#eac759",
    d: "M42.3,39.6c5.7-4.3,13.9-3.1,18.1,2.7c4.3,5.7,3.1,13.9-2.7,18.1l4.1,5.5c8.8-6.5,10.6-19,4.1-27.7 c-6.5-8.8-19-10.6-27.7-4.1L42.3,39.6z"
  }, _react["default"].DOM("animateTransform", {
    attributeName: "transform",
    attributeType: "XML",
    type: "rotate",
    dur: "1s",
    from: "0 50 50",
    to: "-360 50 50",
    repeatCount: "indefinite"
  })), _react["default"].DOM("path", {
    fill: "#e85e38",
    d: "M82,35.7C74.1,18,53.4,10.1,35.7,18S10.1,46.6,18,64.3l7.6-3.4c-6-13.5,0-29.3,13.5-35.3s29.3,0,35.3,13.5 L82,35.7z"
  }, _react["default"].DOM("animateTransform", {
    attributeName: "transform",
    attributeType: "XML",
    type: "rotate",
    dur: "2s",
    from: "0 50 50",
    to: "360 50 50",
    repeatCount: "indefinite"
  })))));
};

exports.ScalableLoading = ScalableLoading;