first

packages/mail/emails/NewsletterSignup.tsx

@@ -0,0 +1,30 @@
+import { Heading, Text } from "@react-email/components";
+import React from "react";
+import { createTranslator } from "use-intl/core";
+import Wrapper from "../src/components/Wrapper";
+import { defaultTranslations } from "../src/util/translations";
+import { defaultLocale } from "../src/util/translations";
+import type { BaseMailProps } from "../types";
+
+export function NewsletterSignup({ locale, translations }: BaseMailProps) {
+	const t = createTranslator({
+		locale,
+		messages: translations,
+	});
+
+	return (
+		<Wrapper>
+			<Heading className="text-xl">
+				{t("mail.newsletterSignup.subject")}
+			</Heading>
+			<Text>{t("mail.newsletterSignup.body")}</Text>
+		</Wrapper>
+	);
+}
+
+NewsletterSignup.PreviewProps = {
+	locale: defaultLocale,
+	translations: defaultTranslations,
+};
+
+export default NewsletterSignup;