import { Body, Container, Head, Html, Img, Preview, Section, } from "@react-email/components"; import { Trans } from "react-i18next/TransWithoutContext"; import type { EmailContext } from "../types"; import { Link, Text, darkTextColor, fontFamily } from "./styled-components"; export interface EmailLayoutProps { preview: string; ctx: EmailContext; poweredBy?: boolean; } const containerStyles = { maxWidth: "480px", margin: "0 auto", background: "white", fontFamily, padding: "32px 8px", color: darkTextColor, }; export const EmailLayout = ({ preview, children, ctx, poweredBy = true, }: React.PropsWithChildren) => { const { logoUrl } = ctx; return ( {preview} Rallly Logo {children} {poweredBy ? (
), }} />
) : null}
); };