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

Pretty Footer react component used in ant.design

import React from 'react';
import { useProgress, Html } from '@react-three/drei';
export default function Loader() {
  var _useProgress = useProgress(),
    progress = _useProgress.progress;
  return /*#__PURE__*/React.createElement(Html, {
    center: true
  }, /*#__PURE__*/React.createElement("div", {
    className: "com-loading-content"
  }, /*#__PURE__*/React.createElement("div", {
    className: "logo1"
  }), /*#__PURE__*/React.createElement("span", {
    className: "line",
    style: {
      width: progress + '%'
    }
  })));
}