mirror of
https://github.com/resend/react-email.git
synced 2026-09-14 14:18:02 +08:00
Gabriel Miranda
d0a7a52254
Co-authored-by: Cursor Agent <cursoragent@cursor.com> Co-authored-by: João Melo <jopcmelo@gmail.com>
32 lines
948 B
TypeScript
32 lines
948 B
TypeScript
import { Button, Column, Row } from 'react-email';
|
|
import { Layout } from '../_components/layout';
|
|
|
|
export const component = (
|
|
<Row>
|
|
<Column align="center">
|
|
<Row>
|
|
<td align="center" className="w-1/2 pr-[16px]" colSpan={1}>
|
|
<Button
|
|
className="box-border w-full rounded-[8px] bg-indigo-600 px-[20px] py-[12px] text-center font-semibold text-white"
|
|
href="https://react.email"
|
|
>
|
|
Login
|
|
</Button>
|
|
</td>
|
|
<td align="center" className="w-1/2 pl-[16px]" colSpan={1}>
|
|
<Button
|
|
className="box-border w-full rounded-[8px] border border-gray-200 border-solid bg-white px-[20px] py-[12px] text-center font-semibold text-gray-900"
|
|
href="https://react.email"
|
|
>
|
|
Sign up
|
|
</Button>
|
|
</td>
|
|
</Row>
|
|
</Column>
|
|
</Row>
|
|
);
|
|
|
|
export default () => {
|
|
return <Layout>{component}</Layout>;
|
|
};
|