import { useSelector } from 'react-redux';
import styles from './styles.module.scss'
import { getSuperBallTodayInfo } from '@features/superBallSlice';

const i18n = global.i18n;
const WSummary = () => {
    const today = useSelector(getSuperBallTodayInfo);

    return (
        <div className={styles.summary}>
            <div className={styles.item}>
                <div className={styles.corner}></div>
                <span>{i18n.t("superBall.total_ball")}</span>
                <span>{today?.total_balls}</span>
            </div >

            <div className={`${styles.item} ${styles.special}`}>
                <div className={styles.corner}></div>
                <span>{i18n.t("superBall.base_ball")}</span>
                <span>{global.DOLLAR}{today?.base_reward_per_ball_display}</span>
            </div>
        </div>
    )
}

export default WSummary;