import type { HTMLAttributes, ReactNode } from "react";
import type { IconComponent } from "../../../lib/types.js";
export interface SocialProvider {
    id: string;
    label: ReactNode;
    /** Icon component (e.g. brand-specific SVG). */
    icon: IconComponent;
}
interface SocialAuthRowProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
    providers: SocialProvider[];
    onSelect?: (id: string) => void;
    /**
     * Stack vertically instead of horizontally (single-column flow).
     */
    vertical?: boolean;
}
/**
 * SocialAuthRow — row of OAuth provider buttons.
 *
 * Stateless; caller wires the redirect on `onSelect`. Buttons share Theo button
 * styling but with provider icon prominently on the left.
 */
declare const SocialAuthRow: import("react").ForwardRefExoticComponent<SocialAuthRowProps & import("react").RefAttributes<HTMLDivElement>>;
export { SocialAuthRow };