pastilhasandClaude Opus 4.7
e0bfc3d961
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
import { Body, Html, Head, Container, Img, Tailwind } from '@react-email/components';
|
|
import { Text, Button } from '@react-email/components';
|
|
|
|
type EmailProps = {
|
|
invitedBy: string;
|
|
url: string;
|
|
};
|
|
|
|
const Email = ({ invitedBy, url }: EmailProps) => {
|
|
return (
|
|
<Html>
|
|
<Head />
|
|
<Tailwind>
|
|
<Body className="mx-auto my-12 bg-white font-sans">
|
|
<Container className="rounded-lg bg-white p-8 shadow-lg">
|
|
<Img
|
|
className="mx-auto block"
|
|
src="/og-image.jpg"
|
|
width="480"
|
|
alt="officer.dev"
|
|
/>
|
|
<Text className="pt-4 text-2xl">You're invited to officer.dev</Text>
|
|
<Text>You have been invited by {invitedBy || '<invitedBy>'} to join officer.dev.</Text>
|
|
<Text>Click the button below to set up your account.</Text>
|
|
<Button href={url || 'https://example.com'}>Accept Invitation</Button>
|
|
</Container>
|
|
</Body>
|
|
</Tailwind>
|
|
</Html>
|
|
);
|
|
};
|
|
|
|
export default Email;
|