import { ReactNode } from 'react'; import { EmailClassNames, EmailColors } from './email-styles'; declare const magicLinkEmailLocalization: { SIGN_IN_TO_APP_NAME: string; SIGN_IN_TO_YOUR_ACCOUNT: string; YOUR_ACCOUNT: string; LOGO: string; CLICK_BUTTON_TO_SIGN_IN: string; OR_COPY_AND_PASTE_URL: string; THIS_LINK_EXPIRES_IN_MINUTES: string; EMAIL_SENT_BY: string; IF_YOU_DIDNT_REQUEST_THIS_EMAIL: string; POWERED_BY_BETTER_AUTH: string; }; /** * Localization strings for the MagicLinkEmail component. * * Contains all text content used in the magic link authentication email template. */ export type MagicLinkEmailLocalization = typeof magicLinkEmailLocalization; /** * Props for the MagicLinkEmail component. */ export interface MagicLinkEmailProps { /** Magic link URL for passwordless authentication */ url: string; /** Email address of the user signing in */ email?: string; /** Name of the application sending the email */ appName?: string; /** Number of minutes until the magic link expires */ expirationMinutes?: number; /** 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 `MagicLinkEmailLocalization` */ localization?: Partial; } /** * Email template component that sends magic link authentication emails for passwordless sign-in. * * This email includes: * - Sign-in button with magic link * - Fallback URL for manual copy/paste * - Expiration time information * - Security notice for unauthorized requests * - Customizable branding and styling * - Support for light/dark mode themes * * @example * ```tsx * * ``` */ export declare const MagicLinkEmail: { ({ url, email, appName, expirationMinutes, logoURL, colors, classNames, darkMode, poweredBy, head, ...props }: MagicLinkEmailProps): import("react").JSX.Element; localization: { SIGN_IN_TO_APP_NAME: string; SIGN_IN_TO_YOUR_ACCOUNT: string; YOUR_ACCOUNT: string; LOGO: string; CLICK_BUTTON_TO_SIGN_IN: string; OR_COPY_AND_PASTE_URL: string; THIS_LINK_EXPIRES_IN_MINUTES: string; EMAIL_SENT_BY: string; IF_YOU_DIDNT_REQUEST_THIS_EMAIL: string; POWERED_BY_BETTER_AUTH: string; }; PreviewProps: MagicLinkEmailProps; }; export default MagicLinkEmail;