/// import * as React from 'npm:react@18.3.1' import { Body, Button, Container, Head, Heading, Html, Link, Preview, Text, } from 'npm:@react-email/components@0.0.22' interface EmailChangeEmailProps { siteName: string email: string newEmail: string confirmationUrl: string } export const EmailChangeEmail = ({ siteName, email, newEmail, confirmationUrl, }: EmailChangeEmailProps) => ( Confirm your email change for {siteName} Confirm your email change You requested to change your email address for {siteName} from{' '} {email} {' '} to{' '} {newEmail} . Click the button below to confirm this change: If you didn't request this change, please secure your account immediately. ) export default EmailChangeEmail const main = { backgroundColor: '#ffffff', fontFamily: 'Arial, sans-serif' } const container = { padding: '20px 25px' } const h1 = { fontSize: '22px', fontWeight: 'bold' as const, color: '#000000', margin: '0 0 20px', } const text = { fontSize: '14px', color: '#55575d', lineHeight: '1.5', margin: '0 0 25px', } const link = { color: 'inherit', textDecoration: 'underline' } const button = { backgroundColor: '#000000', color: '#ffffff', fontSize: '14px', borderRadius: '8px', padding: '12px 20px', textDecoration: 'none', } const footer = { fontSize: '12px', color: '#999999', margin: '30px 0 0' }