/// 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 SignupEmailProps { siteName: string siteUrl: string recipient: string confirmationUrl: string } export const SignupEmail = ({ siteName, siteUrl, recipient, confirmationUrl, }: SignupEmailProps) => ( Confirm your email for {siteName} Confirm your email Thanks for signing up for{' '} {siteName} ! Please confirm your email address ( {recipient} ) by clicking the button below: If you didn't create an account, you can safely ignore this email. ) export default SignupEmail 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' }