1 files changed, 24 insertions, 0 deletions
diff --git a/src/components/feedback-button/feedback-button-email.tsx b/src/components/feedback-button/feedback-button-email.tsx
new file mode 100644
index 0000000..ecb8c7d
--- /dev/null
+++ b/src/components/feedback-button/feedback-button-email.tsx
@@ -0,0 +1,24 @@
+import { Heading } from '@react-email/heading'
+import { Html } from '@react-email/html'
+import { Preview } from '@react-email/preview'
+import { Text } from '@react-email/text'
+
+type Props = {
+  email?: string
+  message: string
+}
+
+export function FeedbackButtonEmail({ email, message }: Props) {
+  return (
+    <Html>
+      <Preview>New feedback from {email || 'anonymous user'}</Preview>
+      <Heading>New feedback on Spliit</Heading>
+      <Text>
+        Email address: <strong>{email || 'not provided'}</strong>
+      </Text>
+      <pre style={{ padding: 16, borderLeft: '2px solid lightgray' }}>
+        {message}
+      </pre>
+    </Html>
+  )
+}