feat: wip email templates

2026-02-17 05:10:31 +00:00 · 2024-11-19 11:56:52 +02:00
parent 7e65f3f642
commit 2c54092591
12 changed files with 626 additions and 124 deletions
--- a/shared/email-components/src/lib/EmailTemplateLayout.tsx
+++ b/shared/email-components/src/lib/EmailTemplateLayout.tsx
@@ -0,0 +1,29 @@
+import { Html, Head, Body, Preview, Tailwind } from '@react-email/components';
+import { CSSProperties } from 'react';
+
+interface EmailTemplateLayoutProps {
+  children?: React.ReactNode;
+  preview: string;
+}
+export const EmailTemplateLayout = ({
+  children,
+  preview,
+}: EmailTemplateLayoutProps) => {
+  return (
+    <Html lang="en">
+      <Head />
+      <Preview>{preview}</Preview>
+
+      <Tailwind>
+        <Body style={bodyStyle}>{children}</Body>
+      </Tailwind>
+    </Html>
+  );
+};
+
+const bodyStyle: CSSProperties = {
+  backgroundColor: '#F5F5F5',
+  fontFamily:
+    '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif',
+  padding: '40px 0',
+};