import { Renderable, Value } from '@tempots/dom';
import { SocialLoginButtonOptions, AuthProviderName } from './index';
import { ControlSize } from '../theme';
import { ThemeColorName } from '../../tokens';
export declare function SocialLoginButton({ provider, onClick, size, name, icon, color, flow, labels, }: SocialLoginButtonOptions): Renderable;
export type AuthProviderInfo = {
    provider: AuthProviderName;
    flow?: 'redirect' | 'popup';
};
export declare function SocialLoginButtons({ providers, onProviderClick, size, className, }: {
    providers: Value<Array<AuthProviderInfo>>;
    onProviderClick?: (provider: AuthProviderName) => Promise<void>;
    size?: Value<ControlSize>;
    className?: Value<string>;
}): Renderable;
export declare const socialProviderInfo: Record<AuthProviderName, {
    name: string;
    icon: string;
    color: ThemeColorName | 'black';
}>;
export type SpecialSocialLoginButtonOptions = Omit<SocialLoginButtonOptions, 'provider' | 'name' | 'icon' | 'color'>;
export declare const GoogleLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const GitHubLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const AppleLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const FacebookLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const XLoginButtin: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const TwitterLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const MicrosoftLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const DiscordLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const LinkedInLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const InstagramLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const TiktokLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const SnapchatLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const RedditLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const PinterestLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const TwitchLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const SteamLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const EpicLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const PlayStationLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const XboxLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const WhatsAppLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const WeChatLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const AmazonLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const YahooLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
export declare const PayPalLoginButton: (options: SpecialSocialLoginButtonOptions) => Renderable;
