@telia/styleguide/atoms/Spinner/Spinner.js

This is a living styleguide, showing the Atomic Design components which should be used in Telia Norway's web applications to achieve a common look & feel, and therefore user experience.

"use strict";

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

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

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

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

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _ref2 = _react.default.createElement("div", {
  className: "spinner__blade spinner__blade--0"
});

var _ref3 = _react.default.createElement("div", {
  className: "spinner__blade spinner__blade--1"
});

var _ref4 = _react.default.createElement("div", {
  className: "spinner__blade spinner__blade--2"
});

var _ref5 = _react.default.createElement("div", {
  className: "spinner__blade spinner__blade--3"
});

var _ref6 = _react.default.createElement("div", {
  className: "spinner__blade spinner__blade--4"
});

var _ref7 = _react.default.createElement("div", {
  className: "spinner__blade spinner__blade--5"
});

var _ref8 = _react.default.createElement("div", {
  className: "spinner__blade spinner__blade--6"
});

var _ref9 = _react.default.createElement("div", {
  className: "spinner__blade spinner__blade--7"
});

var _ref10 = _react.default.createElement("div", {
  className: "spinner__blade spinner__blade--8"
});

var _ref11 = _react.default.createElement("div", {
  className: "spinner__blade spinner__blade--9"
});

var _ref12 = _react.default.createElement("div", {
  className: "spinner__blade spinner__blade--10"
});

var _ref13 = _react.default.createElement("div", {
  className: "spinner__blade spinner__blade--11"
});

var _ref14 = _react.default.createElement("div", {
  className: "spinner__blade spinner__blade--12"
});

var _ref15 = _react.default.createElement("div", {
  className: "spinner__blade spinner__blade--13"
});

/**
 * Status: *in progress*.
 *
 * Future work: Replace it with gif
 *
 */
var Spinner = function Spinner(_ref) {
  var _classnames;

  var className = _ref.className,
      _ref$type = _ref.type,
      type = _ref$type === void 0 ? 'lg' : _ref$type;
  return _react.default.createElement("div", {
    className: (0, _classnames2.default)('spinner', (_classnames = {}, (0, _defineProperty2.default)(_classnames, className, className), (0, _defineProperty2.default)(_classnames, "spinner--".concat(type), type), _classnames))
  }, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15);
};

Spinner.propTypes = process.env.NODE_ENV !== "production" ? {
  className: _propTypes.default.string,
  type: _propTypes.default.oneOf(['sm', 'md', 'lg'])
} : {};
var _default = Spinner;
exports.default = _default;