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

Salesforce Lightning Design System components built with React

import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["className", "container", "size", "type", "layout"];
import React from 'react';
import classnames from 'classnames';

/**
 *
 */

/**
 *
 */
export var 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 = _objectWithoutProperties(props, _excluded);
  var spinnerClassNames = classnames(className, 'slds-spinner', "slds-spinner_".concat(size), type ? "slds-spinner_".concat(type) : null, layout ? "slds-spinner_".concat(layout) : null);
  var spinner = /*#__PURE__*/React.createElement("div", _extends({
    className: spinnerClassNames,
    role: "status"
  }, rprops), /*#__PURE__*/React.createElement("span", {
    className: "slds-assistive-text"
  }, "Loading"), /*#__PURE__*/React.createElement("div", {
    className: "slds-spinner__dot-a"
  }), /*#__PURE__*/React.createElement("div", {
    className: "slds-spinner__dot-b"
  }));
  return container ? /*#__PURE__*/React.createElement("div", {
    className: "slds-spinner_container"
  }, spinner) : spinner;
};
//# sourceMappingURL=Spinner.js.map