import { msg } from '@lingui/core/macro'; import { useLingui } from '@lingui/react'; import { Body, Container, Head, Html, Preview, Section } from '../components'; import { TemplateAccessAuth2FA } from '../template-components/template-access-auth-2fa'; import { TemplateBrandingLogo } from '../template-components/template-branding-logo'; import { TemplateFooter } from '../template-components/template-footer'; export type AccessAuth2FAEmailTemplateProps = { documentTitle: string; code: string; userEmail: string; userName: string; expiresInMinutes: number; assetBaseUrl?: string; }; export const AccessAuth2FAEmailTemplate = ({ documentTitle, code, userEmail, userName, expiresInMinutes, assetBaseUrl = 'http://localhost:3002', }: AccessAuth2FAEmailTemplateProps) => { const { _ } = useLingui(); const previewText = msg`Your verification code is ${code}`; return (