/// 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 for {siteName} 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' }