import React from "react"; import { Body, Head, Html, Preview, Tailwind } from "@react-email/components"; 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 ${enabled ? "enabled" : "disabled"} for your account`; return ( {previewText} {/* */} {/* Security Update: 2FA{" "} */} {/* {enabled ? "Enabled" : "Disabled"} */} {/* */} Hi there, Two-factor authentication has been successfully{" "} {enabled ? "enabled" : "disabled"}{" "} on your account. {enabled ? ( <> Your account is now protected with an additional layer of security. Keep your authentication method safe and accessible. ) : ( <> We recommend re-enabling two-factor authentication to keep your account secure. )} If you didn't make this change, please contact our support team immediately. ); }; export default TwoFactorAuthNotification;