///
import * as React from 'npm:react@18.3.1'
import {
Body,
Button,
Container,
Head,
Heading,
Html,
Preview,
Text,
} from 'npm:@react-email/components@0.0.22'
interface RecoveryEmailProps {
siteName: string
confirmationUrl: string
}
export const RecoveryEmail = ({
siteName,
confirmationUrl,
}: RecoveryEmailProps) => (
Reset your password
We received a request to reset your password for {siteName}. Click
the button below to choose a new password.
If you didn't request a password reset, you can safely ignore this
email. Your password will not be changed.
)
export default RecoveryEmail
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 button = {
backgroundColor: '#000000',
color: '#ffffff',
fontSize: '14px',
borderRadius: '8px',
padding: '12px 20px',
textDecoration: 'none',
}
const footer = { fontSize: '12px', color: '#999999', margin: '30px 0 0' }