import { Body, Container, Head, Heading, Html, Img, Link, Preview, Section, Text, } from '@react-email/components'; import { theme } from '../theme'; import { logoDataUri } from '../utils/logoDataUri'; interface EmailLayoutProps { preview?: string; children: React.ReactNode; logoUrl?: string; } export const EmailLayout = ({ preview, children, logoUrl = logoDataUri, }: EmailLayoutProps) => { return ( {preview}
Amba Logo
{children}
© {new Date().getFullYear()} Amba. All rights reserved. Privacy Policy {' '} |{' '} Terms of Service
); }; const main = { backgroundColor: theme.colors.background, fontFamily: theme.fonts.sans, }; const container = { margin: '0 auto', padding: '20px 0 48px', maxWidth: '600px', }; const header = { padding: '32px 0', textAlign: 'center' as const, borderBottom: `2px solid ${theme.colors.accent}`, marginBottom: '32px', }; const logo = { margin: '0 auto', }; const footer = { marginTop: '48px', paddingTop: '24px', borderTop: `1px solid ${theme.colors.border}`, textAlign: 'center' as const, }; const footerText = { fontSize: '12px', color: theme.colors.text, margin: '4px 0', }; const footerLink = { color: theme.colors.primary, textDecoration: 'underline', };