import { AuthProviderDescriptor } from '../../lib/auth/controllers/use-auth-providers.js';
import { AthenaAuthUiOptions } from '../../lib/auth/core/ui-options.js';
export interface ProviderButtonsProps {
    providers?: AuthProviderDescriptor[];
    socialLayout?: SocialLayout;
    ui?: AthenaAuthUiOptions;
}
export type SocialLayout = "auto" | "horizontal" | "vertical" | "grid";
/**
 * Render social provider sign-in buttons. Descriptor-driven callers use the
 * layout surface directly; legacy callers without descriptors use the
 * compatibility adapter.
 *
 * @param socialLayout - Preferred layout for the buttons; `"auto"` picks `"horizontal"` when there are four or more providers, otherwise `"vertical"`.
 * @returns The JSX element that renders the configured social provider buttons.
 */
export declare function ProviderButtons(props: ProviderButtonsProps): import("react").JSX.Element;