import styles from "./styles.module.scss";
import SvgIcon from "@components/SvgIcon";
import {ReactComponent as Video} from "@assets/singlesvg/video.svg";
import USD from "@assets/lvicon/USD.black.png";
import {numFormatter} from "@utils/helpers";
const i18n=global.i18n;
const WithdrawHeader=({...props})=>{
    const route=props.route;
    const close=props.close;
    const renderHeader=()=>{
        let title=route?route.title:"";
        return (
            <div className={styles.header}>
                <div className={styles.hcontent}>
                    {i18n.t(title)}
                </div>
                <div className={styles.top}>
                    <div className={styles.left}>
                        <button className={styles.close} onClick={()=>{
                            close();
                        }}>
                            <SvgIcon className={styles.arrow} herf={"icon_Arrow"}/>
                        </button>
                    </div>
                    <div className={styles.right}>
                        <button className={styles.right_btn}>
                            <SvgIcon className={styles.icon} herf={"icon_Help"}/>
                        </button>
                        <button className={styles.right_btn}>
                            <SvgIcon className={styles.icon} herf={"icon_History"}/>
                        </button>
                    </div>
                </div>
            </div>
        )
    }
    return (
        <div id={props.id} className={props.className}>
            {renderHeader()}
        </div>
    )
}
export default WithdrawHeader;