Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | 2x | /** @jsxImportSource react */
import { Button, Section, Text } from "@react-email/components";
import { EmailLayout, styles } from "./components";
type MagicLinkEmailProps = {
magicLinkUrl: string;
};
export function MagicLinkEmail({ magicLinkUrl }: MagicLinkEmailProps) {
return (
<EmailLayout preview="Sign in to Interioring">
<Section style={styles.section}>
<Text style={styles.paragraph}>
Click the button below to sign in. This link expires in 5 minutes.
</Text>
<Section style={{ textAlign: "center", margin: "32px 0" }}>
<Button
href={magicLinkUrl}
style={{ ...styles.button, backgroundColor: "#b5774b" }}
>
Sign In
</Button>
</Section>
<Text style={styles.mutedText}>
If you didn't request this link, you can safely ignore this email.
</Text>
</Section>
</EmailLayout>
);
}
export default MagicLinkEmail;
|