import { Body, Head, Html, Preview, Tailwind, Text, render, } from '@react-email/components'; import { BodyStyle } from '../components/body-style'; import { EmailContent } from '../components/content'; import { EmailFooter } from '../components/footer'; import { EmailHeader } from '../components/header'; import { EmailHeading } from '../components/heading'; import { EmailWrapper } from '../components/wrapper'; import { initializeEmailI18n } from '../lib/i18n'; interface Props { productName: string; userDisplayName: string; language?: string; } export async function renderAccountDeleteEmail(props: Props) { const namespace = 'account-delete-email'; const { t } = await initializeEmailI18n({ language: props.language, namespace, }); const previewText = t(`${namespace}:previewText`, { productName: props.productName, }); const subject = t(`${namespace}:subject`, { productName: props.productName, }); const html = await render( {previewText} {previewText} {t(`${namespace}:hello`, { displayName: props.userDisplayName, })} {t(`${namespace}:paragraph1`, { productName: props.productName, })} {t(`${namespace}:paragraph2`)} {t(`${namespace}:paragraph3`, { productName: props.productName, })} {t(`${namespace}:paragraph4`, { productName: props.productName, })} {props.productName} , ); return { html, subject, }; }