frc-ui/lib/loading/Loading.js

React Web UI

"use strict";

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

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

var _classnames = _interopRequireDefault(require("classnames"));

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

var __rest = void 0 && (void 0).__rest || function (s, e) {
  var t = {};

  for (var p in s) {
    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  }

  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  }
  return t;
};

function _default(props) {
  var size = props.size,
      style = props.style,
      className = props.className,
      other = __rest(props, ["size", "style", "className"]);

  var css = Object.assign({}, style);

  if (size) {
    css['width'] = size;
    css['height'] = size;
  }

  var cls = (0, _classnames["default"])('swc-loading', className);
  return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
    className: cls
  }, other), /*#__PURE__*/_react["default"].createElement("div", {
    className: 'swc-loading-container',
    style: css
  }, /*#__PURE__*/_react["default"].createElement("svg", {
    className: 'swc-circular',
    viewBox: '25 25 50 50'
  }, /*#__PURE__*/_react["default"].createElement("circle", {
    className: 'path',
    cx: '50',
    cy: '50',
    r: '20',
    fill: 'none',
    strokeWidth: '3',
    strokeMiterlimit: '10'
  }))));
}