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

Reset your Password We received a request to reset your password for {companyName} . Use the link below to choose a new password. If you didn't request this, you can ignore this email.

{'Reset password \u2192'}

{/* Footer */}

{companyName} crafts thoughtful skincare—barrier-first formulas, honest labels, and routines you'll actually keep.

124 Mercantile Row, Studio 3
Los Angeles, CA, 90013 Unsubscribe {' '} from {companyName} marketing emails.

); PasswordResetEmail.PreviewProps = { companyName: 'Skin', url: 'https://example.com/', } satisfies PasswordResetEmailProps; export default PasswordResetEmail;