import React, {ReactNode, useEffect, useState} from 'react';
import './visit-invitation-print.scss'
import {Visit} from "../../../../models/DPass/Visit";
import {useTranslation} from "react-i18next";
import {getInvitation} from "../../../../API/dpass";
import {Invitation} from "../../../../models/DPass/Invitation";
import InvitationPrint from "./InvitationPrint";
import useLoading from "../../../../hooks/useLoading";


type VisitPrintProps = {
    visit: Visit
    children?: ReactNode,
    unprint: () => void
}


const BFF = process.env.REACT_APP_BFF
const qrEndpointBase = BFF + '/public-api/dpass/v1/qr/form?invitation_id='

const VisitPrint = ({children, unprint, visit}: VisitPrintProps) => {


    useEffect(() => {
        i18n.changeLanguage(visit.invitation.locale)
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [])

    const {t, i18n} = useTranslation();

    return (


        <InvitationPrint
            // @ts-ignore
            invitation={visit.invitation}
            unprint={unprint}/>


    )
}

export default VisitPrint;