import { Body, Head, Html, Preview, Tailwind } from "@react-email/components"; import * as React from "react"; import { themeColors } from "./lib/theme"; import { EmailContainer, EmailFooter, EmailGreeting, EmailHeading, EmailLetterHead, EmailSignature, EmailText } from "./components/Email"; interface Props { email: string; enabled: boolean; } export const TwoFactorAuthNotification = ({ email, enabled }: Props) => { const previewText = `Two-Factor Authentication has been ${enabled ? "enabled" : "disabled"}`; return ( {previewText} Two-Factor Authentication{" "} {enabled ? "Enabled" : "Disabled"} Hi {email || "there"}, This email confirms that Two-Factor Authentication has been successfully{" "} {enabled ? "enabled" : "disabled"} on your account. {enabled ? ( With Two-Factor Authentication enabled, your account is now more secure. Please ensure you keep your authentication method safe. ) : ( With Two-Factor Authentication disabled, your account may be less secure. We recommend enabling it to protect your account. )} ); }; export default TwoFactorAuthNotification;