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

import { reportStyles } from "@/pdf/styles/report-styles";

interface QuranReferencesProps {
  references: string[];
}

export function QuranReferencesSection({ references }: QuranReferencesProps) {
  const normalized = references.length > 0 ? references : ["Surah An-Nisa 4:11"];

  return (
    <View style={reportStyles.section}>
      <Text style={reportStyles.sectionTitle}>Quran References</Text>
      {normalized.map((reference) => (
        <Text key={reference} style={{ marginBottom: 4 }}>
          {reference}
        </Text>
      ))}
    </View>
  );
}