import type React from "react";
/**
 * Official brand colors for OAuth providers
 * These can be used optionally when you want to preserve brand identity
 */
export declare const OAUTH_BRAND_COLORS: {
    readonly google: {
        readonly blue: "#4285F4";
        readonly green: "#34A853";
        readonly yellow: "#FBBC05";
        readonly red: "#EA4335";
    };
    readonly handcash: "#38CB7C";
    readonly github: "#24292e";
    readonly twitter: "#1DA1F2";
    readonly discord: "#5865F2";
    readonly facebook: "#1877F2";
    readonly microsoft: "#00BCF2";
};
export interface OAuthProvider {
    id: string;
    name: string;
    icon: React.ReactNode;
    enabled?: boolean;
}
export interface OAuthProvidersProps {
    providers?: OAuthProvider[];
    action?: "signin" | "signup" | "link";
    callbackUrl?: string;
    linkedProviders?: string[];
    onProviderClick?: (provider: string) => void;
    disabled?: boolean;
    loading?: boolean;
    className?: string;
    size?: "1" | "2" | "3";
}
export declare function OAuthProviders({ providers, action, callbackUrl: _callbackUrl, linkedProviders, onProviderClick, disabled, loading, className, size: _size, }: OAuthProvidersProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=OAuthProviders.d.ts.map