import React from 'react';
import { ledetekst, useOppsummering } from '..';

export function OppsummeringNedlastingSoknadsdokument() {
	const { lastNedVedleggUrl, soknad, kunLesbar } = useOppsummering();
	const soknadsdokumentId = soknad.soknadsdokument?.id;

	if (!kunLesbar) {
		return null;
	}

	return (
		<p className="oppsummering-nedlasting">
			<a href={lastNedVedleggUrl(soknadsdokumentId)}>
				<strong>
					{ledetekst.getTekst(
						'arbeidsvarsling.soknad.Oppsummering.soknadsdokument'
					)}
				</strong>
				<span className="last-ned"></span>
			</a>
		</p>
	);
}
