mirror of
https://github.com/resend/react-email.git
synced 2026-09-14 14:18:02 +08:00
Lucas de França
9315a33f01
Co-authored-by: Bu Kinoshita <6929565+bukinoshita@users.noreply.github.com> Co-authored-by: gabriel miranda <gabrielmfern@outlook.com> Co-authored-by: cubic-dev-ai[bot] <191113872+cubic-dev-ai[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
93 lines
2.0 KiB
TypeScript
93 lines
2.0 KiB
TypeScript
import { ResponsiveColumn, ResponsiveRow } from '@responsive-email/react-email';
|
|
import { Layout } from '../_components/layout';
|
|
|
|
export const component = (
|
|
<ResponsiveRow>
|
|
<ResponsiveColumn>
|
|
<p
|
|
style={{
|
|
margin: 0,
|
|
textAlign: 'left',
|
|
fontSize: '18px',
|
|
lineHeight: '24px',
|
|
fontWeight: 700,
|
|
letterSpacing: '-0.025em',
|
|
color: '#111827',
|
|
fontVariantNumeric: 'tabular-nums',
|
|
}}
|
|
>
|
|
42
|
|
</p>
|
|
<p
|
|
style={{
|
|
margin: 0,
|
|
textAlign: 'left',
|
|
fontSize: '12px',
|
|
lineHeight: '18px',
|
|
color: '#6b7280',
|
|
}}
|
|
>
|
|
The Answer
|
|
</p>
|
|
</ResponsiveColumn>
|
|
<ResponsiveColumn>
|
|
<p
|
|
style={{
|
|
margin: 0,
|
|
textAlign: 'left',
|
|
fontSize: '18px',
|
|
lineHeight: '24px',
|
|
fontWeight: 700,
|
|
letterSpacing: '-0.025em',
|
|
color: '#111827',
|
|
fontVariantNumeric: 'tabular-nums',
|
|
}}
|
|
>
|
|
10M
|
|
</p>
|
|
<p
|
|
style={{
|
|
margin: 0,
|
|
textAlign: 'left',
|
|
fontSize: '12px',
|
|
lineHeight: '18px',
|
|
color: '#6b7280',
|
|
}}
|
|
>
|
|
Days for Earth Mark II
|
|
</p>
|
|
</ResponsiveColumn>
|
|
<ResponsiveColumn>
|
|
<p
|
|
style={{
|
|
margin: 0,
|
|
textAlign: 'left',
|
|
fontSize: '18px',
|
|
lineHeight: '24px',
|
|
fontWeight: 700,
|
|
letterSpacing: '-0.025em',
|
|
color: '#111827',
|
|
fontVariantNumeric: 'tabular-nums',
|
|
}}
|
|
>
|
|
2^276,709:1
|
|
</p>
|
|
<p
|
|
style={{
|
|
margin: 0,
|
|
textAlign: 'left',
|
|
fontSize: '12px',
|
|
lineHeight: '18px',
|
|
color: '#6b7280',
|
|
}}
|
|
>
|
|
Improbability Drive odds
|
|
</p>
|
|
</ResponsiveColumn>
|
|
</ResponsiveRow>
|
|
);
|
|
|
|
export default () => {
|
|
return <Layout>{component}</Layout>;
|
|
};
|