// Get the full source code, including the theme and Tailwind config: // https://github.com/resend/react-email/tree/canary/apps/demo/emails import { Body, Button, Column, Container, Head, Html, Img, Link, Preview, Row, Section, Tailwind, Text, } from 'react-email'; import { CollageFonts } from './collage-fonts'; import { collageTailwindConfig } from './theme'; const baseUrl = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : ''; interface ActivationEmailProps { companyName: string; url: string; } export const ActivationEmail = ({ companyName, url }: ActivationEmailProps) => ( Confirm your email address

Almost there Thank you for signing up for {companyName} To verify your account, we just need to confirm your email

If you didn't create an account, you can safely ignore this email.

{/* Footer */}

Collage is the workspace where your team keeps projects, context, and updates together—from first idea to launch.

123 Market Street, Floor 1
Tech City, CA, 94102 Unsubscribe {' '} from {companyName} marketing emails.

); ActivationEmail.PreviewProps = { companyName: 'Collage', url: 'https://example.com/', } satisfies ActivationEmailProps; export default ActivationEmail;