/// 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 MagicLinkEmailProps { siteName: string confirmationUrl: string } export const MagicLinkEmail = ({ siteName, confirmationUrl, }: MagicLinkEmailProps) => ( Your login link for {siteName} Your login link Click the button below to log in to {siteName}. This link will expire shortly. If you didn't request this link, you can safely ignore this email. ) export default MagicLinkEmail 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' }