/** * Default color scheme for email templates in light and dark modes. * * Provides a consistent color palette that can be customized via the EmailColors type. */ export declare const defaultColors: { light: { background: string; border: string; card: string; cardForeground: string; foreground: string; muted: string; mutedForeground: string; primary: string; primaryForeground: string; }; dark: { background: string; border: string; card: string; cardForeground: string; foreground: string; muted: string; mutedForeground: string; primary: string; primaryForeground: string; }; }; /** * Custom CSS class names for styling different parts of email templates. * * Allows fine-grained control over the appearance of email components. */ export type EmailClassNames = { body?: string; container?: string; card?: string; logo?: string; title?: string; content?: string; button?: string; description?: string; separator?: string; link?: string; poweredBy?: string; codeBlock?: string; }; /** * Custom color scheme configuration for email templates. * * Supports separate color definitions for light and dark modes. * Any color not specified will fall back to the defaultColors values. */ export type EmailColors = { light?: Partial; dark?: Partial; }; /** * Props for the EmailStyles component. */ interface EmailStylesProps { /** Custom color scheme for light and dark modes */ colors?: EmailColors; /** Whether to enable dark mode support */ darkMode?: boolean; } /** * Component that injects CSS styles for email templates with support for light and dark modes. * * Generates inline styles that adapt to the user's color scheme preference and applies * custom colors if provided. Handles logo visibility switching between light and dark modes. * * @param props - Style configuration options * @returns A style element containing CSS for email template theming * * @example * ```tsx * * ``` */ export declare const EmailStyles: ({ colors, darkMode }: EmailStylesProps) => import("react").JSX.Element; export default EmailStyles;