import {ACTION} from "/controller/Action";
import Button from "/view/cmp/button/Button.jsx";
import Arr from "/svg/arr.svg";
import Info from "/view/block/info/Info";

const WelcomeDemoFinalLastNotification = D.declare( 'view.page.WelcomeDemoFinalLastNotification', () => {
  return <div className="welcome-page">
    <div className="welcome-page__wrapper">
      <Info
        img={
          <picture>
            <source srcset="/uploads/images/assistant-warning-mob.svg" media={"(max-width: 767px)"}/>
            <img src="/uploads/images/assistant-warning.svg" width="450" height="360" alt={"Изображение помощника"}/>
          </picture>
        }
        buttons={[
          <Button class={"button button--primary button-orange welcome-page__button welcome-page__button--wide"} type={"button"}
                  onclick={ACTION.TEST.DEMO.GOTO_FINAL_TEST.execute}
          >
            <span>Я готов! Начать</span><Arr width="17" height="11"/>
          </Button>
        ]}>
        <div className="welcome-page__message welcome-page__message--warning">
          <h1 className="welcome-page__title"><em>Внимание!</em> Тестирование  невозможно прервать</h1>
          <div className="welcome-page__text">
            <p>Это последнее предупреждение. Вы&nbsp;уверены, что&nbsp;готовы начать?</p>
          </div>
        </div>
      </Info>
    </div>
  </div>
} );

export default WelcomeDemoFinalLastNotification;
export { WelcomeDemoFinalLastNotification };
