import { ReactNode } from 'react'; import { EmailClassNames, EmailColors } from './email-styles'; declare const emailChangedEmailLocalization: { YOUR_EMAIL_ADDRESS_HAS_BEEN_CHANGED: string; LOGO: string; EMAIL_ADDRESS_CHANGED: string; EMAIL_ADDRESS_FOR_YOUR_ACCOUNT_CHANGED: string; PREVIOUS_EMAIL: string; NEW_EMAIL: string; IF_YOU_MADE_THIS_CHANGE: string; I_DIDNT_MAKE_THIS_CHANGE: string; EMAIL_SENT_BY: string; IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE: string; POWERED_BY_BETTER_AUTH: string; }; /** * Localization strings for the EmailChangedEmail component. * * Contains all text content used in the email changed notification email template. */ export type EmailChangedEmailLocalization = typeof emailChangedEmailLocalization; /** * Props for the EmailChangedEmail component. */ export interface EmailChangedEmailProps { /** The previous email address that was changed */ oldEmail?: string; /** The new email address */ newEmail?: string; /** URL to revert the email change if unauthorized */ revertURL?: string; /** Name of the application sending the email */ appName?: string; /** Support email address for security concerns */ supportEmail?: string; /** Logo URL(s) - a single string or light/dark variants. If omitted, no logo is shown. */ logoURL?: string | { light: string; dark: string; }; /** Custom CSS class names for styling specific parts of the email */ classNames?: EmailClassNames; /** Custom color scheme for light and dark modes */ colors?: EmailColors; /** Whether to show the "Powered by better-auth" footer */ poweredBy?: boolean; /** Whether to enable dark mode support */ darkMode?: boolean; /** Additional React nodes to inject into the email head */ head?: ReactNode; /** * Localization overrides for customizing email text * @remarks `EmailChangedEmailLocalization` */ localization?: Partial; } /** * Email template component that notifies users when their email address has been changed. * * This email includes: * - Display of both old and new email addresses * - Revert action button if unauthorized change occurred * - Security information and support contact details * - Customizable branding and styling * - Support for light/dark mode themes * * @example * ```tsx * * ``` */ export declare const EmailChangedEmail: { ({ oldEmail, newEmail, revertURL, appName, supportEmail, logoURL, colors, classNames, darkMode, poweredBy, head, ...props }: EmailChangedEmailProps): import("react").JSX.Element; localization: { YOUR_EMAIL_ADDRESS_HAS_BEEN_CHANGED: string; LOGO: string; EMAIL_ADDRESS_CHANGED: string; EMAIL_ADDRESS_FOR_YOUR_ACCOUNT_CHANGED: string; PREVIOUS_EMAIL: string; NEW_EMAIL: string; IF_YOU_MADE_THIS_CHANGE: string; I_DIDNT_MAKE_THIS_CHANGE: string; EMAIL_SENT_BY: string; IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE: string; POWERED_BY_BETTER_AUTH: string; }; PreviewProps: EmailChangedEmailProps; }; export default EmailChangedEmail;