mirror of
https://github.com/docmost/docmost.git
synced 2025-11-17 09:51:09 +10:00
44 lines
811 B
TypeScript
44 lines
811 B
TypeScript
import { footer, h1, logo, main } from "../css/styles";
|
|
import {
|
|
Body,
|
|
Head,
|
|
Heading,
|
|
Html,
|
|
Row,
|
|
Section,
|
|
Text,
|
|
} from "@react-email/components";
|
|
import * as React from "react";
|
|
|
|
interface MailBodyProps {
|
|
children: React.ReactNode;
|
|
}
|
|
export function MailBody({ children }: MailBodyProps) {
|
|
return (
|
|
<Html>
|
|
<Head />
|
|
<Body style={main}>{children}</Body>
|
|
</Html>
|
|
);
|
|
}
|
|
|
|
export function MailHeader() {
|
|
return (
|
|
<Section style={logo}>
|
|
<Heading style={h1}>logo/text</Heading>
|
|
</Section>
|
|
);
|
|
}
|
|
|
|
export function MailFooter() {
|
|
return (
|
|
<Section style={footer}>
|
|
<Row>
|
|
<Text style={{ textAlign: "center", color: "#706a7b" }}>
|
|
© {new Date().getFullYear()}, All Rights Reserved <br />
|
|
</Text>
|
|
</Row>
|
|
</Section>
|
|
);
|
|
}
|