import type { CSSProperties, InjectionKey, Ref } from 'vue';
import type { BaseAppearance, I18nVariables, OtpType, ProviderScopes, RedirectTo, SocialLayout, ViewType } from '@supabase/auth-ui-shared';
import type { Provider, Session, SignInAnonymouslyCredentials, SupabaseClient, User } from '@supabase/supabase-js';
export interface Appearance extends BaseAppearance {
    style?: {
        anchor?: CSSProperties;
        button?: CSSProperties;
        container?: CSSProperties;
        divider?: CSSProperties;
        input?: CSSProperties;
        label?: CSSProperties;
        loader?: CSSProperties;
        message?: CSSProperties;
    };
}
declare type ViewAnonymousSignIn = 'anonymous_sign_in';
export declare type AuthViewType = ViewType | ViewAnonymousSignIn;
export interface AuthI18nVariables extends I18nVariables {
    anonymous_sign_in?: {
        button_label?: string;
        loading_button_label?: string;
    };
}
interface BaseAuth {
    supabaseClient: SupabaseClient;
    socialLayout?: SocialLayout;
    providers?: Provider[];
    providerScopes?: Partial<ProviderScopes>;
    queryParams?: {
        [key: string]: string;
    };
    redirectTo?: RedirectTo;
    onlyThirdPartyProviders?: boolean;
    magicLink?: boolean;
    showLinks?: boolean;
    otpType?: OtpType;
    additionalData?: {
        [key: string]: any;
    };
    /**
     * This will toggle on the dark variation of the theme
     */
    dark?: boolean;
    theme?: 'default' | string;
}
export interface AuthProps extends BaseAuth {
    appearance?: Appearance;
    view?: AuthViewType;
    /**
     * Override the labels and button text
     */
    localization?: {
        variables?: AuthI18nVariables;
    };
    anonymouslyCredentials?: SignInAnonymouslyCredentials;
}
export declare type AuthProvider = 'apple' | 'azure' | 'bitbucket' | 'discord' | 'facebook' | 'figma' | 'github' | 'gitlab' | 'google' | 'kakao' | 'keycloak' | 'linkedin' | 'linkedin_oidc' | 'notion' | 'slack' | 'spotify' | 'twitch' | 'twitter' | 'workos' | 'zoom';
export interface AuthViewInjection {
    authView: Ref<AuthViewType>;
    setAuthView: (view: AuthViewType) => void;
}
export interface UserContextProviderInjection {
    session: Ref<Session | null>;
    user: Ref<User | null>;
}
export declare const AuthViewKey: InjectionKey<AuthViewInjection>;
export declare const UserContextProviderKey: InjectionKey<UserContextProviderInjection>;
export {};