import React from "react";
import { styles } from "./styles";
import { View, Text } from "@react-pdf/renderer";

const TestReportFooter = () => (
  <View
    style={[
      {
        paddingTop: 30,
        fontSize: 5,
        position: "absolute",
        bottom: 30,
        left: 35,
        right: 35,
      },
      styles.textFont,
    ]}
  >
    <View style={[styles.spacedRow, styles.textMargin]}>
      <View>
        <Text>Validity</Text>
        <Text>
          This report remains valid for a duration of three months from the test
          date.
        </Text>
      </View>
      <View>
        <Text>Confidential – circulated for concern people</Text>
      </View>
    </View>
    <View style={{ paddingTop: 10 }}>
      <Text>Declaration</Text>
      <Text style={{ paddingTop: 5 }}>
        We hereby declare that exam results on our platform, assessed by AI, are
        not the sole determinants of candidates&apos; English proficiency
        levels. While EnCoach provides feedback based on assessments, we
        recognize that language proficiency encompasses practical application,
        cultural understanding, and real-life communication. We urge users to
        consider exam results as a measure of progress and improvement, and we
        continuously enhance our system to ensure accuracy and reliability.
      </Text>
    </View>
    <View style={[styles.textColor, { paddingTop: 5 }]}>
      <Text style={styles.textUnderline}>info@encoach.com</Text>
      <Text>https://encoach.com</Text>
      <View style={styles.spacedRow}>
        <Text>Group ID: TRI64BNBOIU5043</Text>
        <Text
          // style={styles.pageNumber}
          render={({ pageNumber, totalPages }) =>
            `${pageNumber} / ${totalPages}`
          }
          fixed
        />
      </View>
    </View>
  </View>
);

export default TestReportFooter;
