text: import React, { useEffect } from "react";
  import "../../styles/loading.css";
  
  const Loading = ({ status }) => {
    useEffect(() => {
      document.title = "Loading..."
    }, []);
    return status && 
      <div
        style={{ height: document.documentElement.scrollHeight }}
        className="loading-container"
      >
        <div className="center-it roller"></div>
        <div className="center-it loading-content">Loading...</div>
      </div>
  };
  
  export default Loading;
  