import * as React from "react";
import { Body, Container, Head, Hr, Html, Img, Preview, Section, Text, Tailwind } from "@react-email/components";
import { SiteConfig } from "@/shared/config/site-config";
interface BaseEmailLayoutProps {
previewText: string;
children: React.ReactNode;
}
// Consistent styling variables
const primaryColor = "#2563EB"; // Blue-600
// eslint-disable-next-line quotes
const fontFamily = 'Inter, "Helvetica Neue", Helvetica, Arial, sans-serif';
const containerPadding = "32px"; // p-8
const mainBgColor = "#f9fafb"; // bg-gray-50
const containerBgColor = "#ffffff"; // bg-white
const textColor = "#374151"; // text-gray-700
const lightTextColor = "#6b7280"; // text-gray-500
const borderColor = "#e5e7eb"; // border-gray-200
export const BaseEmailLayout = ({ previewText, children }: BaseEmailLayoutProps) => (
{/* Font import */}
{previewText}
{/* Logo Section */}
{/* Email specific content */}
{children}
{/* Footer Section */}
Best regards,
The {SiteConfig.title} Team
{/* Optional: Add company address or other info here if needed */}
{/* {SiteConfig.company.address} */}
);