import { Link } from "react-router-dom";
import iconButton from '../../styles/iconButton.svg'
import '../../styles/styles.css'
import { useTranslation } from 'react-i18next';
import { useAppSelector, useAppDispatch } from "../../hooks/redux";



export const Button: React.FC<any> = () => {
  const { currentLang } = useAppSelector((state) => state.languageReducer);

  const { t } = useTranslation()


  return (
    <a href={`https://stream.graff.tech/?lang=${currentLang}`} className="link">
      <button className="main-block__button">
        {t('main-button')}
        <div className="main-block__icon_container">
          <img alt="icon" src={iconButton} className="main-block__icon"></img>
        </div>
      </button>
    </a>
  )
}

