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             <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--thirdery 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>
} );

export default WelcomeDemoFinalLastNotification;
export { WelcomeDemoFinalLastNotification };