"use strict";

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

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

var _style = _interopRequireDefault(require("styled-jsx/style"));

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

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

var _useTheme = _interopRequireDefault(require("../../hooks/useTheme"));

var _isThemePalette = _interopRequireDefault(require("../../utils/isThemePalette"));

var _propTypes = require("../../config/propTypes");

var _jsxRuntime = require("react/jsx-runtime");

// Generated with util/create-component.js
const Loading = props => {
  const theme = (0, _useTheme.default)();
  const {
    color = "primary",
    size = "medium",
    type = "circle",
    className = null,
    ...otherProps
  } = props;

  function handleColor() {
    return (0, _isThemePalette.default)(color) ? theme.palette[color][500] : color;
  }

  function handleSize() {
    switch (size) {
      case "xlarge":
        return "5em";

      case "large":
        return "4em";

      case "small":
        return "1.8em";

      case "mini":
        return "1em";

      case "medium":
      default:
        return "3em";
    }
  }

  switch (type) {
    case "coin":
      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
        "data-testid": "Wps-Loading",
        ...otherProps,
        className: _style.default.dynamic([["3519627213", [handleSize(), handleSize(), handleColor()]]]) + " " + (otherProps && otherProps.className != null && otherProps.className || (0, _classnames.default)("Wps-Loading", className) || ""),
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          className: _style.default.dynamic([["3519627213", [handleSize(), handleSize(), handleColor()]]]) + " " + "box",
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
            className: _style.default.dynamic([["3519627213", [handleSize(), handleSize(), handleColor()]]]) + " " + "coin"
          })
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.default, {
          id: "3519627213",
          dynamic: [handleSize(), handleSize(), handleColor()],
          children: `.Wps-Loading.__jsx-style-dynamic-selector .coin.__jsx-style-dynamic-selector{width:${handleSize()};height:${handleSize()};border-radius:50%;border:3px solid ${handleColor()};-webkit-animation:spin-__jsx-style-dynamic-selector 1.5s ease-in-out infinite;animation:spin-__jsx-style-dynamic-selector 1.5s ease-in-out infinite;}@-webkit-keyframes spin-__jsx-style-dynamic-selector{to{-webkit-transform:rotateY(540deg);-ms-transform:rotateY(540deg);transform:rotateY(540deg);}}@keyframes spin-__jsx-style-dynamic-selector{to{-webkit-transform:rotateY(540deg);-ms-transform:rotateY(540deg);transform:rotateY(540deg);}}`
        })]
      });

    case "rings":
      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
        "data-testid": "Wps-Loading",
        ...otherProps,
        className: _style.default.dynamic([["3447977421", [(_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", handleColor(), handleColor(), (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 / 2 * -1 + "em"]]]) + " " + (otherProps && otherProps.className != null && otherProps.className || (0, _classnames.default)("Wps-Loading", className) || ""),
        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
          className: _style.default.dynamic([["3447977421", [(_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", handleColor(), handleColor(), (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 / 2 * -1 + "em"]]]) + " " + "loader",
          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
            className: _style.default.dynamic([["3447977421", [(_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", handleColor(), handleColor(), (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 / 2 * -1 + "em"]]]) + " " + "outer"
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
            className: _style.default.dynamic([["3447977421", [(_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", handleColor(), handleColor(), (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 / 2 * -1 + "em"]]]) + " " + "middle"
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
            className: _style.default.dynamic([["3447977421", [(_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", handleColor(), handleColor(), (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 / 2 * -1 + "em"]]]) + " " + "inner"
          })]
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.default, {
          id: "3447977421",
          dynamic: [(_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", handleColor(), handleColor(), (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.95 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.75 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 / 2 * -1 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.55 / 2 * -1 + "em"],
          children: `.Wps-Loading.__jsx-style-dynamic-selector .loader.__jsx-style-dynamic-selector{position:relative;width:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em"};height:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em"};}.Wps-Loading.__jsx-style-dynamic-selector .outer.__jsx-style-dynamic-selector,.Wps-Loading.__jsx-style-dynamic-selector .middle.__jsx-style-dynamic-selector,.Wps-Loading.__jsx-style-dynamic-selector .inner.__jsx-style-dynamic-selector{border:2px solid transparent;border-top-color:${handleColor()};border-right-color:${handleColor()};border-radius:50%;position:absolute;top:50%;left:50%;}.Wps-Loading.__jsx-style-dynamic-selector .outer.__jsx-style-dynamic-selector{width:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em"};height:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.95 + "em"};margin-left:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.95 / 2 * -1 + "em"};margin-top:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.95 / 2 * -1 + "em"};-webkit-animation:spin-__jsx-style-dynamic-selector 2s linear infinite;animation:spin-__jsx-style-dynamic-selector 2s linear infinite;}.Wps-Loading.__jsx-style-dynamic-selector .middle.__jsx-style-dynamic-selector{width:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.75 + "em"};height:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.75 + "em"};margin-left:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.75 / 2 * -1 + "em"};margin-top:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.75 / 2 * -1 + "em"};-webkit-animation:spin-__jsx-style-dynamic-selector 1.75s linear reverse infinite;animation:spin-__jsx-style-dynamic-selector 1.75s linear reverse infinite;}.Wps-Loading.__jsx-style-dynamic-selector .inner.__jsx-style-dynamic-selector{width:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.55 + "em"};height:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.55 + "em"};margin-left:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.55 / 2 * -1 + "em"};margin-top:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.55 / 2 * -1 + "em"};-webkit-animation:spin-__jsx-style-dynamic-selector 1.5s linear infinite;animation:spin-__jsx-style-dynamic-selector 1.5s linear infinite;}@-webkit-keyframes spin-__jsx-style-dynamic-selector{to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes spin-__jsx-style-dynamic-selector{to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}`
        })]
      });

    case "orbit":
      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
        "data-testid": "Wps-Loading",
        ...otherProps,
        className: _style.default.dynamic([["417801449", [handleSize(), handleColor(), handleColor()]]]) + " " + (otherProps && otherProps.className != null && otherProps.className || (0, _classnames.default)("Wps-Loading", className) || ""),
        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
          viewBox: "0 0 50 50",
          className: _style.default.dynamic([["417801449", [handleSize(), handleColor(), handleColor()]]]),
          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
            cx: "25",
            cy: "25",
            r: "20",
            className: _style.default.dynamic([["417801449", [handleSize(), handleColor(), handleColor()]]]) + " " + "ring"
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
            cx: "25",
            cy: "5",
            r: "3.5",
            className: _style.default.dynamic([["417801449", [handleSize(), handleColor(), handleColor()]]]) + " " + "ball"
          })]
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.default, {
          id: "417801449",
          dynamic: [handleSize(), handleColor(), handleColor()],
          children: `.Wps-Loading.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector{width:${handleSize()};-webkit-animation:1.5s spin-__jsx-style-dynamic-selector ease infinite;animation:1.5s spin-__jsx-style-dynamic-selector ease infinite;}.Wps-Loading.__jsx-style-dynamic-selector .ring.__jsx-style-dynamic-selector{fill:none;stroke:${handleColor()};stroke-width:2;}.Wps-Loading.__jsx-style-dynamic-selector .ball.__jsx-style-dynamic-selector{fill:${handleColor()};stroke:none;}@-webkit-keyframes spin-__jsx-style-dynamic-selector{to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes spin-__jsx-style-dynamic-selector{to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}`
        })]
      });

    case "circle":
      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
        "data-testid": "Wps-Loading",
        ...otherProps,
        className: _style.default.dynamic([["2498914859", [handleSize(), handleColor()]]]) + " " + (otherProps && otherProps.className != null && otherProps.className || (0, _classnames.default)("Wps-Loading", className) || ""),
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
          viewBox: "25 25 50 50",
          className: _style.default.dynamic([["2498914859", [handleSize(), handleColor()]]]),
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
            cx: "50",
            cy: "50",
            r: "20",
            className: _style.default.dynamic([["2498914859", [handleSize(), handleColor()]]])
          })
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.default, {
          id: "2498914859",
          dynamic: [handleSize(), handleColor()],
          children: `.Wps-Loading.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector{width:${handleSize()};-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:rotate-__jsx-style-dynamic-selector 2s linear infinite;animation:rotate-__jsx-style-dynamic-selector 2s linear infinite;}.Wps-Loading.__jsx-style-dynamic-selector circle.__jsx-style-dynamic-selector{fill:none;stroke:${handleColor()};stroke-width:2;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:dash-__jsx-style-dynamic-selector 1.5s ease-in-out infinite;animation:dash-__jsx-style-dynamic-selector 1.5s ease-in-out infinite;}@-webkit-keyframes rotate-__jsx-style-dynamic-selector{100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes rotate-__jsx-style-dynamic-selector{100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@-webkit-keyframes dash-__jsx-style-dynamic-selector{0%{stroke-dasharray:1,200;stroke-dashoffset:0;}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px;}100%{stroke-dashoffset:-125px;}}@keyframes dash-__jsx-style-dynamic-selector{0%{stroke-dasharray:1,200;stroke-dashoffset:0;}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px;}100%{stroke-dashoffset:-125px;}}`
        })]
      });

    case "dots":
      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
        "data-testid": "Wps-Loading",
        ...otherProps,
        className: _style.default.dynamic([["2412093790", [handleSize(), (_propTypes.normalSizes.indexOf(size) + 1) * 0.3 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.3 + "em", handleColor()]]]) + " " + (otherProps && otherProps.className != null && otherProps.className || (0, _classnames.default)("Wps-Loading", className) || ""),
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          className: _style.default.dynamic([["2412093790", [handleSize(), (_propTypes.normalSizes.indexOf(size) + 1) * 0.3 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.3 + "em", handleColor()]]])
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          className: _style.default.dynamic([["2412093790", [handleSize(), (_propTypes.normalSizes.indexOf(size) + 1) * 0.3 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.3 + "em", handleColor()]]])
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          className: _style.default.dynamic([["2412093790", [handleSize(), (_propTypes.normalSizes.indexOf(size) + 1) * 0.3 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.3 + "em", handleColor()]]])
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.default, {
          id: "2412093790",
          dynamic: [handleSize(), (_propTypes.normalSizes.indexOf(size) + 1) * 0.3 + "em", (_propTypes.normalSizes.indexOf(size) + 1) * 0.3 + "em", handleColor()],
          children: `.Wps-Loading.__jsx-style-dynamic-selector{width:${handleSize()};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;margin:5px;}.Wps-Loading.__jsx-style-dynamic-selector div.__jsx-style-dynamic-selector{width:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.3 + "em"};height:${(_propTypes.normalSizes.indexOf(size) + 1) * 0.3 + "em"};border-radius:50%;background-color:${handleColor()};-webkit-animation:fade-__jsx-style-dynamic-selector 0.8s ease-in-out alternate infinite;animation:fade-__jsx-style-dynamic-selector 0.8s ease-in-out alternate infinite;}.Wps-Loading.__jsx-style-dynamic-selector div.__jsx-style-dynamic-selector:nth-of-type(1){-webkit-animation-delay:-0.4s;animation-delay:-0.4s;}.Wps-Loading.__jsx-style-dynamic-selector div.__jsx-style-dynamic-selector:nth-of-type(2){-webkit-animation-delay:-0.2s;animation-delay:-0.2s;}@-webkit-keyframes fade-__jsx-style-dynamic-selector{from{opacity:1;}to{opacity:0;}}@keyframes fade-__jsx-style-dynamic-selector{from{opacity:1;}to{opacity:0;}}`
        })]
      });

    case "closer":
    default:
      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        "data-testid": "Wps-Loading",
        ...otherProps,
        className: _style.default.dynamic([["1816732971", [handleSize(), handleSize(), handleColor(), handleColor()]]]) + " " + (otherProps && otherProps.className != null && otherProps.className || (0, _classnames.default)("Wps-Loading", className) || ""),
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.default, {
          id: "1816732971",
          dynamic: [handleSize(), handleSize(), handleColor(), handleColor()],
          children: `.Wps-Loading.__jsx-style-dynamic-selector{width:${handleSize()};height:${handleSize()};border:3px solid transparent;border-top-color:${handleColor()};border-bottom-color:${handleColor()};border-radius:50%;-webkit-animation:spin-stretch-__jsx-style-dynamic-selector 2s ease infinite;animation:spin-stretch-__jsx-style-dynamic-selector 2s ease infinite;}@-webkit-keyframes spin-stretch-__jsx-style-dynamic-selector{50%{-webkit-transform:rotate(360deg) scale(0.4,0.33);-ms-transform:rotate(360deg) scale(0.4,0.33);transform:rotate(360deg) scale(0.4,0.33);border-width:8px;}100%{-webkit-transform:rotate(720deg) scale(1,1);-ms-transform:rotate(720deg) scale(1,1);transform:rotate(720deg) scale(1,1);border-width:3px;}}@keyframes spin-stretch-__jsx-style-dynamic-selector{50%{-webkit-transform:rotate(360deg) scale(0.4,0.33);-ms-transform:rotate(360deg) scale(0.4,0.33);transform:rotate(360deg) scale(0.4,0.33);border-width:8px;}100%{-webkit-transform:rotate(720deg) scale(1,1);-ms-transform:rotate(720deg) scale(1,1);transform:rotate(720deg) scale(1,1);border-width:3px;}}`
        })
      });
  }
};

exports.Loading = Loading;