hpg-r3f-model-scene/lib/components/Loader/index.js

Pretty Footer react component used in ant.design

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Loader;
var _react = _interopRequireDefault(require("react"));
var _drei = require("@react-three/drei");
function Loader() {
  var _useProgress = (0, _drei.useProgress)(),
    progress = _useProgress.progress;
  return /*#__PURE__*/_react.default.createElement(_drei.Html, {
    center: true
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "com-loading-content"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "logo1"
  }), /*#__PURE__*/_react.default.createElement("span", {
    className: "line",
    style: {
      width: progress + '%'
    }
  })));
}