import React from 'react';
import {useTranslation} from "react-i18next";
import infoIcon from "../../../assets/images/info-icon.svg";
import "./CustomIconTooltip.scss";

type IconTooltip = {
    text: string | any
}
const CustomIconTooltip = ({ text } : IconTooltip) => {
    const {t, i18n} = useTranslation();
    return(
        <span className="icon-tooltip">
            <img className="icon-tooltip--img" alt="infoIcon" src={infoIcon}/>
            <span className="icon-tooltip--text">{t('tooltip.mobile_phone_content', {text})}</span>
        </span>
    )
};

export default CustomIconTooltip;