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

export const SkillExamDetails = ({ testDetails }: Props) => (
  <View style={{ display: "flex", flexDirection: "row", gap: 30 }}>
    {testDetails.map((detail) => {
      const { module } = detail;

      return <RadialResult key={module} {...detail} />;
    })}
  </View>
);
