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;