meteor-interface/build/ui/components/LoadingComponent.js

Simple Content Management System to generate your administration interface for Meteor and React.

"use strict";

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

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

var _semanticUiReact = require("semantic-ui-react");

var _reactSpring = require("react-spring");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var LoadingComponent = function LoadingComponent(_ref) {
  var message = _ref.message;
  return _react.default.createElement(_reactSpring.Spring, {
    from: {
      opacity: 0
    },
    to: {
      opacity: 1
    }
  }, function (styles) {
    return _react.default.createElement(_semanticUiReact.Dimmer, {
      active: true,
      style: styles
    }, _react.default.createElement(_semanticUiReact.Loader, {
      content: message || "Loading in progress"
    }));
  });
};

var _default = LoadingComponent;
exports.default = _default;