import React from "react";
import copy from "../../common/data/copy.json";

const LoadingOverlay = ({ isLoading, language }) => {
  let classes = "loading-overlay";
  classes += !isLoading ? " hidden" : "";

  return (
    <div id="loading-overlay" className={classes}>
      <div className="loading-wrapper">
        <span id="loading-text" className="text">
          {copy[language].loading}
        </span>
        <div className="spinner">
          <div className="double-bounce1" />
          <div className="double-bounce2" />
        </div>
      </div>
    </div>
  );
};

export default LoadingOverlay;