/// 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 InviteEmailProps { siteName: string siteUrl: string confirmationUrl: string } export const InviteEmail = ({ siteName, siteUrl, confirmationUrl, }: InviteEmailProps) => ( You've been invited to join {siteName} You've been invited You've been invited to join{' '} {siteName} . Click the button below to accept the invitation and create your account. If the button does not open, copy and paste this secure link into your browser: {confirmationUrl} If you weren't expecting this invitation, you can safely ignore this email. ) export default InviteEmail 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 fallbackText = { fontSize: '13px', color: '#55575d', lineHeight: '1.5', margin: '24px 0 8px' } const fallbackLinkWrapper = { margin: '0 0 24px', wordBreak: 'break-all' as const } const fallbackLink = { color: '#000000', fontSize: '13px', lineHeight: '1.5', textDecoration: 'underline' } const footer = { fontSize: '12px', color: '#999999', margin: '30px 0 0' }