text: import React from "react";
  import { usePromiseTracker } from "react-promise-tracker";
  import Loader from "react-loader-spinner";
  
  const LoadingIndicator = (props) => {
    const { promiseInProgress } = usePromiseTracker();
    return (
      promiseInProgress && (
        <div
          style={{
            width: "100%",
            height: "100",
            display: "flex",
            justifyContent: "center",
            alignItems: "center",
          }}
        >
          <Loader type="RevolvingDot" color="#33ccff" height="100" width="100"/>
        </div>
      )
    );
  };
  
  export default LoadingIndicator;
  