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>
);