import {ACTION} from "/controller/Action";
import Arr from '/svg/arr.svg';
import TestIcon from '/svg/icon-test.svg';
import QuestionIcon from '/svg/icon-questions.svg';

const ChooseType = D.declare( 'view.page.ChooseType', () => {
  return <div class="welcome-page">
    <div class="welcome-page__wrapper">
      <h1 class="welcome-page__headline">Пробное тестирование</h1>
      <ul class="welcome-page__nav">
        <li class="welcome-page__nav-item">
          <button class="welcome-page__nav-button" onClick={ACTION.TEST.DEMO.GOTO_FINAL_WELCOME.execute}>
            <span class="welcome-page__nav-button-icon">
              <TestIcon width="90" height="90"/>
            </span>
            <b>Тренировка итогового тестирования</b>
            <span>Попробуй пройти это тестирование, чтобы подготовиться к&nbsp;настоящему итоговому!&nbsp;<Arr width="16" height="11"/></span>
          </button>
        </li>
        <li class="welcome-page__nav-item">
          <button class="welcome-page__nav-button" onClick={ACTION.TEST.DEMO.LIMITLESS.execute}>
            <span class="welcome-page__nav-button-icon">
              <QuestionIcon width="90" height="90"/>
            </span>
            <b>Бесконечная генерация вопросов</b>
            <span>Мы&nbsp;будем показывать тебе вопросы, генерируя их&nbsp;бесконечно. Эта тренировка&nbsp;- лучший способ выучить новые карточки.&nbsp;<Arr width="16" height="11"/></span>
          </button>
        </li>
      </ul>
    </div>
  </div>
} );
ChooseType.route = new Route('/demo/choose');
export default ChooseType;
export { ChooseType };
