import { msg } from '@lingui/core/macro'; import { useLingui } from '@lingui/react'; import { Body, Container, Head, Html, Img, Preview, Section } from '../components'; import { useBranding } from '../providers/branding'; import { TemplateAccessAuth2FA } from '../template-components/template-access-auth-2fa'; 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 branding = useBranding(); const previewText = msg`Your verification code is ${code}`; const getAssetUrl = (path: string) => { return new URL(path, assetBaseUrl).toString(); }; return ( {_(previewText)}

{branding.brandingEnabled && branding.brandingLogo ? ( Branding Logo

) : (

)}

); }; export default AccessAuth2FAEmailTemplate;