import React from "react";
import {View, StyleSheet} from "@react-pdf/renderer";
import {ModuleScore} from "@/interfaces/module.scores";
import {RadialResult} from "./radial.result";
interface Props {
	testDetails: ModuleScore[];
}

const customStyles = StyleSheet.create({
	container: {display: "flex", flexDirection: "row", gap: 30},
});

export const SkillExamDetails = ({testDetails}: Props) => (
	<View style={customStyles.container}>
		{testDetails.map((detail) => {
			const {module} = detail;
			return <RadialResult key={module} {...detail} />;
		})}
	</View>
);
