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, password }: { user: User; password: string }) => (
Logo
Passwort geändert
Hallo {user.firstname},
Dein Passwort wurde erfolgreich geändert. Wenn du diese Änderung nicht vorgenommen hast, kontaktiere bitte sofort unseren Support.
Dein neues Passwort lautet: {password}
); export function renderPasswordChanged({ user, password }: { user: User; password: string }) { return render(