import React, { useContext } from 'react';
import { LanguageContext } from '../../backend/LanguageContext';

import exit from '../../icons/exit.svg';

const LoanAccepted = ({ setStage, setModalOpen, acceptedMessage }) => {
  const { locale } = useContext(LanguageContext);

  return (
    <section className="imm-cs-1 cs-1">
      <form>
        <h2 className="loan-accepted-title">
          {locale === 'TKM'
            ? 'Siziň karz ýüzlenmäniňiz döredildi we banka ugradyldy, bank hünärmeniniň jaňyna garaşmagyňyzy Sizden haýyş edýäris!'
            : locale === 'РУС'
            ? 'Ваша заявка на кредит создана и отправлена ​​в банк, дождитесь звонка специалиста банка!'
            : locale === 'ENG'
            ? 'Your loan application has been created and sent to the bank, please wait for a call from a bank specialist!'
            : 'Siziň karz ýüzlenmäniňiz döredildi we banka ugradyldy, bank hünärmeniniň jaňyna garaşmagyňyzy Sizden haýyş edýäris!'}
        </h2>
        <div className="cu-bottom cd-2-title">
          <button type="button" className="sign-btn reg-btn" onClick={() => setModalOpen(false)}>
            <div>
              <div className="btn-img">
                {/* <img src={exit} alt="exit" /> */}
                {/* <img src={next_reverse} alt="logout" /> */}
              </div>
              <h3>
                {locale === 'TKM'
                  ? 'Yza'
                  : locale === 'РУС'
                  ? 'Закрыть'
                  : locale === 'ENG'
                  ? 'Back'
                  : 'Yza'}
              </h3>
            </div>
          </button>
          {/* <button
          type="button"
          className="sign-btn cu-btn"
          onClick={() => setStage(4)}
        >
          <div>
            <h3>
              {locale === "TKM"
                ? "Dowam et"
                : locale === "РУС"
                ? "Подтвердить  "
                : locale === "ENG"
                ? "Proceed"
                : "Dowam et"}
            </h3>
            <div className="btn-img">
              <img src={next} alt="logout" />
            </div>
          </div>
        </button> */}
        </div>
      </form>
    </section>
  );
};

export default LoanAccepted;
