export type ReceivedDocument = {
    key: string;
    name: string;
    size: number;
    sha256: string;
    verification: string;
};

export function CandidateDocumentList({
    documents,
    baseUrl,
}: {
    documents?: Record<string, ReceivedDocument> | [];
    baseUrl: string;
}) {
    if (!documents || Object.keys(documents).length === 0) return null;
    return (
        <section className="space-y-2">
            <h3 className="font-semibold">Documentos recebidos</h3>
            <ul className="space-y-2">
                {Object.values(documents).map((document) => (
                    <li key={document.key}>
                        <a
                            className="underline"
                            href={`${baseUrl}/documentos/${document.key}`}
                        >
                            {document.name}
                        </a>{' '}
                        · {document.size} bytes
                        <p className="text-xs break-all">
                            SHA-256: {document.sha256}
                        </p>
                    </li>
                ))}
            </ul>
            <p className="text-sm">
                Formato conferido na recepção. O conteúdo e a autenticidade
                dependem da análise documental.
            </p>
        </section>
    );
}