import * as React from "react"; import { User } from "@repo/db"; import { Html, render } from "@react-email/components"; import { EmailFooter } from "./EmailFooter"; const styles = ` * { box-sizing: border-box; } body { margin: 0; padding: 0; } a[x-apple-data-detectors] { color: inherit !important; text-decoration: inherit !important; } #MessageViewBody a { color: inherit; text-decoration: none; } p { line-height: inherit; } .desktop_hide, .desktop_hide table { mso-hide: all; display: none; max-height: 0px; overflow: hidden; } .image_block img + div { display: none; } sup, sub { font-size: 75%; line-height: 0; } .menu_block.desktop_hide .menu-links span { mso-hide: all; } @media (max-width: 700px) { .desktop_hide table.icons-inner { display: inline-block !important; } .icons-inner { text-align: center; } .icons-inner td { margin: 0 auto; } } `; const Template = ({ user, code }: { user: User; code: string }) => (
Logo
Bestätigung deiner E-Mail-Adresse
Hallo {user.firstname},
Klicke auf den folgenden Link, um deinen Account zu bestätigen:
E-Mail bestätigen
Oder gehe zu{" "}

{process.env.NEXT_PUBLIC_HUB_URL}/email-verification


und gib dort deinen Code ein.
Deinen Code lautet: {code}
); export function renderVerificationCode({ user, code }: { user: User; code: string }) { return render(