import React, {ReactNode} from 'react';
import {useTranslation} from "react-i18next";

type DPassInvitationVisitCancelMessageProps = {
    children?: ReactNode
}

// eslint-disable-next-line no-empty-pattern
const DPassInvitationVisitCancelMessage = ({}: DPassInvitationVisitCancelMessageProps) => {
    /* eslint-disable @typescript-eslint/no-unused-vars */
    const {t, i18n} = useTranslation();

    return (
        <div id='DPassInvitationVisitCancelMessage'>
            <div className="main-content col-12">
                <div className="invitation-declinecancel-form-wrapper--title">
                    <h1>
                        {t('DPASS_visit-cancel_invitation.visit-cancel_title')}
                    </h1>
                </div>
                <div className="invitation-declinecancel-form-wrapper--declinecancel-msg">
                    <p>{t('DPASS_visit-cancel_message.visit-cancel_message_content')}</p>
                    <p>{t('DPASS_visit-cancel_message.visit-cancel_wish')}</p>
                </div>
            </div>
        </div>
    );
}

export default DPassInvitationVisitCancelMessage;