Victor Batischev 4ac2cddabe prettier
2024-02-08 18:47:26 +03:00

32 lines
971 B
JavaScript

import React from "react";
import StarRating from "@components/StarRating/StarRating";
export const QuizReport = ({ info }) => {
return (
<div className="report">
<div className="report__row">
<div className="report__column">
<StarRating
color={"#52B709"}
countStars={1}
countActiveStars={0.5}
size={61}
/>
<div className="report__job-title">{info.questionnaire_title}</div>
</div>
<div className="report__column">
<div className="report__value">
{info.count_correct_answers}/{info.number_questions}
</div>
<div className="report__text">правильных ответов</div>
</div>
<div className="report__column">
<div className="report__status-text">Статус:</div>
<div className="report__status">Пройден!</div>
</div>
</div>
</div>
);
};