import {
Body,
Container,
Head,
Html,
Img,
Link,
Preview,
} from "@react-email/components";
import { EmailContext } from "./email-context";
import { fontFamily, Section, Text } from "./styled-components";
export interface EmailLayoutProps {
preview: string;
recipientName?: string;
footNote?: React.ReactNode;
ctx: EmailContext;
}
const containerStyles = {
maxWidth: "600px",
margin: "0 auto",
background: "white",
fontFamily,
padding: 16,
border: "1px solid #E2E8F0",
borderRadius: 5,
};
const sectionStyles = {
marginTop: "16px",
marginBottom: "16px",
};
const linkStyles = {
color: "#64748B",
marginRight: "8px",
};
export const EmailLayout = ({
preview,
recipientName,
children,
footNote,
ctx,
}: React.PropsWithChildren) => {
const { logoUrl, baseUrl } = ctx;
return (
{preview}
{recipientName ? Hallo {recipientName}, : null}
{children}
{footNote ? (
{footNote}
) : null}
Home
•
Impressum
•
Datenschutz
•
Hilfe
•
Diese Anwendung basiert auf Rallly
);
};