import QuizProgress from '../../cmp/quizProgress/QuizProgress.jsx';
import QuestionBlock from '../../block/questionBlock/QuestionBlock.jsx';
import './quizPage.scss';

const QuizPage = D.declare('view.page.QuizPage', () => {
    return <div class="quiz-page">
        <div className="quiz-page__wrapper">
            <div className="quiz-page__header">
                <h1 className="quiz-page__title">Итоговое тестирование</h1>
                <p className="quiz-page__subtitle">Вопрос 1-30</p>
            </div>
            <div className="quiz-page__progress">
                <QuizProgress/>
            </div>
            <p className="quiz-page__notify">Осталось времени на вопрос: <b>00:01:22</b></p>
            <div className="quiz-page__body">
                <QuestionBlock/>
            </div>
        </div>
    </div>
});
QuizPage.route = new Route('/quiz');

export default QuizPage;
export {QuizPage};
