Robert Bond
20eea5b128
refactor(newappeal): extract BuildCheckSection presentation components (Slice 5) Related work items: #22586
64 lines
2.3 KiB
JavaScript
64 lines
2.3 KiB
JavaScript
const ConfirmationCheckboxGroup = ({
|
|
downloadAppealForm,
|
|
onDownloadChange,
|
|
onConfirmChange,
|
|
downloadLabel,
|
|
confirmLabel,
|
|
paragraphOne,
|
|
paragraphTwo,
|
|
paragraphTwoLink
|
|
}) => {
|
|
return (
|
|
<div className="govuk-form-group ">
|
|
<fieldset className="govuk-fieldset">
|
|
<div className="govuk-checkboxes govuk-checkboxes--small">
|
|
<div className="govuk-checkboxes__item">
|
|
<input
|
|
name="pinswg_downloadAppealForm"
|
|
id="pinswg_downloadAppealForm"
|
|
type="checkbox"
|
|
className="govuk-checkboxes__input"
|
|
checked={downloadAppealForm}
|
|
onChange={onDownloadChange}
|
|
/>
|
|
<label
|
|
className="govuk-label govuk-checkboxes__label"
|
|
htmlFor="pinswg_downloadAppealForm"
|
|
>
|
|
{downloadLabel}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div className="govuk-checkboxes govuk-checkboxes--small">
|
|
<div className="govuk-checkboxes__item">
|
|
<input
|
|
name="pinswg_checkconfirmation"
|
|
id="pinswg_checkconfirmation"
|
|
type="checkbox"
|
|
className="govuk-checkboxes__input"
|
|
value=""
|
|
onChange={onConfirmChange}
|
|
/>
|
|
<label
|
|
className="govuk-label govuk-checkboxes__label"
|
|
htmlFor="pinswg_checkconfirmation"
|
|
>
|
|
{confirmLabel}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<div>
|
|
<p className="govuk-body">{paragraphOne}</p>
|
|
</div>
|
|
<div>
|
|
<p className="govuk-body">
|
|
{paragraphTwo} {paragraphTwoLink}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ConfirmationCheckboxGroup;
|