import Progress from '../../cmp/progress/Progress.jsx';
import Top1 from '/svg/top1.svg';

export default D.declare('Rating', () => {
    return <div class="rating-block">
        <div class="rating-block__result">95<sup>%</sup></div>
        <div class="rating-block__progress">
            <Progress />
        </div>
        <div class="rating-block__stage">
            <h3>Итоговое тестирование</h3>
            <p>Пройдено: <time>07.08.2019</time></p>
            <p>Следующее: <time class="available">08.08.2019</time></p>
        </div>
        <div className="rating-block__badge">
            <div>
                <Top1 width={"154"} height={"104"}/>
            </div>
            <h3>Рейтинг вашей локации</h3>
            <p>Улучшайте результаты итогового теста, чтобы его поднять!</p>
        </div>
        <div className="rating-block__series">
            <div className="rating-block__chain">8</div>
            <h3>Лучшая цепочка ответов</h3>
            <p>Это ваша лучшая цепочка в&nbsp;режиме бесконечной генерации вопросов.</p>
        </div>
    </div>
})
