src/components/QuizGroupSection.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

import type { QuizGroup } from "../quiz";
import QuizSection from "./QuizSection";

type Props = {
	quizGroup: QuizGroup;
};

function QuizGroupSection({ quizGroup }: Props) {
	return (
		<section>
			<h2>{quizGroup.label}</h2>
			{quizGroup.quizzes.map((quiz) => (
				<QuizSection key={quiz.label} quiz={quiz} />
			))}
		</section>
	);
}

export default QuizGroupSection;