forked from dubinc/dub
-
Notifications
You must be signed in to change notification settings - Fork 0
/
feedback-email.tsx
50 lines (49 loc) · 1.29 KB
/
feedback-email.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import {
Body,
Container,
Head,
Heading,
Html,
Img,
Preview,
Section,
Tailwind,
Text,
} from "@react-email/components";
import { DUB_LOGO } from "../lib/constants";
export default function FeedbackEmail({
email = "[email protected]",
feedback = "I love Dub!",
}: {
email: string;
feedback: string;
}) {
return (
<Html>
<Head />
<Preview>New Feedback Received</Preview>
<Tailwind>
<Body className="mx-auto my-auto bg-white font-sans">
<Container className="mx-auto my-10 max-w-[500px] rounded border border-solid border-gray-200 px-10 py-5">
<Section className="mt-8">
<Img
src={DUB_LOGO}
width="40"
height="40"
alt="Dub"
className="mx-auto my-0"
/>
</Section>
<Heading className="mx-0 my-7 p-0 text-center text-xl font-semibold text-black">
New Feedback Received
</Heading>
<Text className="text-sm leading-6 text-black">
New feedback from <span className="font-semibold">{email}</span>
</Text>
<Text className="text-sm leading-6 text-black">{feedback}</Text>
</Container>
</Body>
</Tailwind>
</Html>
);
}