/** * Auth Divider Component * * A horizontal divider with centered text (typically "or") used to visually * separate social login buttons from the email/password form. * * @module auth/auth-divider */ import { Renderable, Value } from '@tempots/dom'; /** * Options for the {@link AuthDivider} component. */ export interface AuthDividerOptions { /** Optional label overrides. */ labels?: { /** Custom text to display in the divider (e.g., `'or'`). Falls back to i18n `orDivider`. */ text?: () => string; }; /** Additional CSS class names to apply to the divider container. */ className?: Value; } /** * Renders a horizontal divider line with centered text. * * Typically displays "or" (localized) between social login buttons and * the email/password form. The text can be customized via the `labels` option * or overridden by the active locale's `orDivider` translation. * * @param options - Configuration options for the divider. * @returns A `Renderable` DOM element representing the divider. * * @example * ```ts * AuthDivider() * AuthDivider({ labels: { text: () => 'or continue with email' } }) * ``` */ export declare function AuthDivider({ labels, className, }?: AuthDividerOptions): Renderable;