Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
TSX
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465import { Body, Column, Container, Html, Img, Row,} from "@react-email/components";import { Tailwind } from "@react-email/components";import { Text, Heading } from "./post";import { confirmEmailTailwindConfig, MailHead, makeStaticUrl,} from "./shared";
export const LeafletConfirmEmail = (props: { code?: string; assetsBaseUrl?: string;}) => { const leafletSrc = makeStaticUrl( props.assetsBaseUrl ?? "https://leaflet.pub", )("leaflet.png"); return ( <Html> <Tailwind config={confirmEmailTailwindConfig}> <MailHead />
<Body className={`bg-bg-page font-sans px-2 py-4 !m-0 `}> <Row border={1} className={`w-fit max-w-full bg-transparent rounded-lg !border !border-border !border-solid text-center px-6 py-6 mb-2`} > <Column className="border-transparent"> <Row className="w-fit mt-1 text-center"> <Img width={56} height={56} src={leafletSrc} className="mx-auto mb-2" />
<Column> <Heading noPadding as="h2"> Welcome to Leaflet!{" "} </Heading> </Column> </Row> <Text className="!mt-6 !mb-1 text-secondary"> Verify your email with this code </Text> <Container className="bg-border-light rounded-md w-fit px-2 py-1"> <Heading noPadding as="h1"> {props.code ?? "000000"} </Heading> </Container> </Column> </Row> </Body> </Tailwind> </Html> );};export default LeafletConfirmEmail;