import React, { useEffect, useState } from "react";
import Popup from "@components/Popup";
import styles from "./styles.module.scss";
import lockedImg from "@assets/newuser_bonus.webp";
import unlockImg from "@assets/newuser_bonus.webp";
import { useDispatch, useSelector } from "react-redux";
import LazyImage from "@components/LazyImage";
import SvgIcon from "@components/SvgIcon";
import { stringFormat } from "@utils/helpers";
const i18n = global.i18n;

const WDepositTips = ({ }) => {
    const [isShow, setIsShow] = useState(true);
    const onConfirm=()=>{}
    const onCancel=()=>{}
    return (
        <Popup onClose={() => { }} open={isShow} btnCloseType={0} >
            <div className={styles.container}>
                <LazyImage src={lockedImg} alt={i18n.t("gameLeaveTips.leave_tips.title")} />
                <div className={styles.title}>
                    {stringFormat(i18n.t("gameLeaveTips.leave_tips.title"), [30.00])}
                </div>
                <div className={styles.tips}>
                    {i18n.t("gameLeaveTips.leave_tips.tips")}
                    <br />
                    {i18n.t("gameLeaveTips.leave_tips.tips2")}
                </div>

                <button className={styles.btn_confirm} onClick={onConfirm}>{i18n.t("gameLeaveTips.playMore")}</button>

                <div className={styles.btn_cancel} onClick={onCancel}>
                    {i18n.t("gameLeaveTips.leave")}
                </div>
            </div>
        </Popup>

    )
}
export default WDepositTips;