kits-core/build/components/uielements/PLoadingDot.js

Kits core module

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

require('../../assets/styles/ui-elements/_p-loading-dot.style.scss');

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

var maskStyle = {
  background: '#ffffff80',
  width: '100%',
  height: '100%',
  position: 'absolute',
  zIndex: 10
};

var P3DotLoading = function P3DotLoading(props) {

  return _react2.default.createElement(
    _react2.default.Fragment,
    null,
    props.loadding ? _react2.default.createElement(
      'div',
      { style: { position: 'relative' } },
      _react2.default.createElement('div', { style: _extends({}, maskStyle) }),
      _react2.default.createElement(
        'div',
        { className: 'ball-loader' },
        _react2.default.createElement('div', { className: 'ball-loader-ball ball1' }),
        _react2.default.createElement('div', { className: 'ball-loader-ball ball2' }),
        _react2.default.createElement('div', { className: 'ball-loader-ball ball3' })
      ),
      props.children
    ) : _react2.default.createElement(
      _react2.default.Fragment,
      null,
      props.children
    )
  );
};

exports.default = P3DotLoading;