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}
{children}
{poweredBy ? (
) : null}
);
};