// 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, Heading, Html, Img, Link, Preview, Row, Section, Tailwind, Text, } from 'react-email'; import { barebonesBoxedTailwindConfig } from './theme'; import { BarebonesFonts } from './theme-fonts'; 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
{companyName}
Logo Reset your password
Someone has requested a link to change your password, and you can do this through the link below.
If you didn't request this, please ignore this email. Your password won't change until you access the link above and create a new one.
{/* Footer */}
Barebones is the catchy slogan that perfectly encapsulates the vision of our company.
X LinkedIn YouTube GitHub
123 Market Street, Floor 1
Tech City, CA, 94102 Unsubscribe {' '} from {companyName} marketing emails.
); PasswordResetEmail.PreviewProps = { companyName: 'Barebones', url: 'https://example.com/', } satisfies PasswordResetEmailProps; export default PasswordResetEmail;