mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-15 04:10:32 +00:00
30 lines
687 B
TypeScript
30 lines
687 B
TypeScript
import { Html, Head, Body, Preview, Tailwind } from '@react-email/components';
|
|
import { CSSProperties } from 'react';
|
|
|
|
interface EmailTemplateLayoutProps {
|
|
children?: React.ReactNode;
|
|
preview: string;
|
|
}
|
|
export const EmailTemplateLayout = ({
|
|
children,
|
|
preview,
|
|
}: EmailTemplateLayoutProps) => {
|
|
return (
|
|
<Html lang="en">
|
|
<Head />
|
|
<Preview>{preview}</Preview>
|
|
|
|
<Tailwind>
|
|
<Body style={bodyStyle}>{children}</Body>
|
|
</Tailwind>
|
|
</Html>
|
|
);
|
|
};
|
|
|
|
const bodyStyle: CSSProperties = {
|
|
backgroundColor: '#F5F5F5',
|
|
fontFamily:
|
|
'-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif',
|
|
padding: '40px 0',
|
|
};
|