ffr-components/es/loading/Loading.js

Fiori styled UI components

import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
import _createClass from "@babel/runtime/helpers/esm/createClass";
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
import _inherits from "@babel/runtime/helpers/esm/inherits";
// Import React Framework
import React, { Component } from 'react';
import "./style.css";
import "../theme/theme.css";

var Loading =
/*#__PURE__*/
function (_Component) {
  _inherits(Loading, _Component);

  function Loading() {
    _classCallCheck(this, Loading);

    return _possibleConstructorReturn(this, _getPrototypeOf(Loading).apply(this, arguments));
  }

  _createClass(Loading, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          className = _this$props.className,
          title = _this$props.title,
          style = _this$props.style;
      return React.createElement("div", {
        className: "fd-loading-wrap ".concat(className),
        style: style,
        role: "progressbar",
        "aria-valuemin": "0",
        "aria-valuemax": "100",
        alt: "",
        tabIndex: "0",
        title: title
      }, React.createElement("div", {
        className: "fd-loading-busy-animation fd-loading-busy-standard"
      }, React.createElement("div", null), React.createElement("div", null), React.createElement("div", null)));
    }
  }]);

  return Loading;
}(Component);

Loading.defaultProps = {
  className: '',
  title: 'Please wait',
  style: {}
};
export { Loading as default };