import "./LoadingPopup.css";
import { useHistory } from "react-router-dom";

import { useTranslation } from "react-i18next";
import { useAppDispatch, useAppSelector } from "hooks/redux";


export const LoadingPopup: React.FC<any> = ({ logo }) => {


  const history = useHistory();
  const { t } = useTranslation();

  return (
    <div className="popup popup-type-loader">
      <div className="loading-logo-container">
        <div className="popup-img-container">
          <img className="popup-logo" src={logo} alt="лого" />
        </div>
        <span className="loading-caption">Пожалуйста подождите</span>
      </div>
      <span className="loader"></span>
    </div>
  );
};
