import styles from "@components/GameSearch/styles.module.scss";
import symbol from '@assets/symbol-defs.svg';
import React from "react";
import {useThemeProvider} from "@contexts/themeContext";
const i18n=global.i18n;
const GameSearch=({data})=>{
    const {isShowSearch,searchData,showGameSearchPanel,isMobile} = useThemeProvider();
    return (
        <div className={styles.game_search} onClick={()=>{
            if (showGameSearchPanel)showGameSearchPanel(true,null);
        }}>
            <div className={styles.icon_wrap}>
                <svg className={styles.icon}>
                    <use xlinkHref={`${symbol}#icon_Search`} />
                </svg>
            </div>
            <p>{i18n.t('game_search.input_ph')}</p>
        </div>
    )
}
export default GameSearch;
