import styles from './Menu.module.css'
import useTranslation from 'next-translate/useTranslation'
import {useRouter} from "next/router";

type Props = {
    imagePath?: string,
    onClick?: () => void,
    text?: string,
    imageSelectPath?: string,
    isSelected: boolean
}


export default function Icon(props: Props) {
    const { t } = useTranslation('common')

    return (
        <div onClick={props.onClick} className={styles.icon}>
            {props.imagePath && <img  src={props.isSelected ? props.imageSelectPath : props.imagePath} />}
            {props.text && <h2 style={{ color: props.isSelected ? "#e5007d" : "#ffffff" }}>{props.text}</h2>}
        </div>
    )
}