react-lightning-design-system/lib/scripts/Spinner.js

Salesforce Lightning Design System components built with React

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Spinner = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _excluded = ["className", "container", "size", "type", "layout"];
/**
 *
 */

/**
 *
 */
var Spinner = exports.Spinner = function Spinner(props) {
  var className = props.className,
    _props$container = props.container,
    container = _props$container === void 0 ? true : _props$container,
    _props$size = props.size,
    size = _props$size === void 0 ? 'small' : _props$size,
    type = props.type,
    layout = props.layout,
    rprops = (0, _objectWithoutProperties2["default"])(props, _excluded);
  var spinnerClassNames = (0, _classnames["default"])(className, 'slds-spinner', "slds-spinner_".concat(size), type ? "slds-spinner_".concat(type) : null, layout ? "slds-spinner_".concat(layout) : null);
  var spinner = /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
    className: spinnerClassNames,
    role: "status"
  }, rprops), /*#__PURE__*/_react["default"].createElement("span", {
    className: "slds-assistive-text"
  }, "Loading"), /*#__PURE__*/_react["default"].createElement("div", {
    className: "slds-spinner__dot-a"
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: "slds-spinner__dot-b"
  }));
  return container ? /*#__PURE__*/_react["default"].createElement("div", {
    className: "slds-spinner_container"
  }, spinner) : spinner;
};
//# sourceMappingURL=Spinner.js.map