@robotical/sensors-dashboard/dist/components/LoadingSpinner/index.js

A dashboard tool for depicting Marty data by Robotical

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = LoadingSpinner;
var _react = require("react");
var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function LoadingSpinner(_ref) {
  let {
    colourA,
    colourB
  } = _ref;
  const spinnerRef = (0, _react.useRef)(null);
  (0, _react.useEffect)(() => {
    if (spinnerRef.current) {
      if (colourA) {
        spinnerRef.current.style.setProperty("--border-colour", colourA);
      }
      if (colourB) {
        spinnerRef.current.style.setProperty("--border-colour", colourB);
      }
    }
  }, []);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    className: _stylesModule.default.loadingSpinnerContainer,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      className: _stylesModule.default.loadingSpinner,
      ref: spinnerRef
    })
  });
}