import React, { ReactNode } from "react";
/** Google Identity Services SDK — injected by the GIS <script> tag. */
declare global {
    interface Window {
        google?: {
            accounts: {
                oauth2: {
                    initCodeClient(config: {
                        client_id: string;
                        scope: string;
                        ux_mode: "popup" | "redirect";
                        callback: (response: {
                            code?: string;
                            error?: string;
                        }) => void;
                    }): {
                        requestCode(): void;
                    };
                };
            };
        };
    }
}
import { AuthControllerExtended } from "@rebasepro/cms-types";
/**
 * Props for the generic LoginView.
 * Consumes {@link AuthControllerExtended} — works with any backend
 * (Rebase custom backend, Firebase, etc.)
 */
export interface LoginViewProps {
    /**
     * Auth controller — must implement AuthControllerExtended.
     */
    authController: AuthControllerExtended;
    /**
     * Path to the logo displayed in the login screen
     */
    logo?: string;
    /**
     * Enable the skip login button
     */
    allowSkipLogin?: boolean;
    /**
     * Disable the login buttons
     */
    disabled?: boolean;
    /**
     * Prevent users from creating new accounts.
     * If not set, checks `authController.capabilities.registrationEnabled`.
     */
    disableSignupScreen?: boolean;
    /**
     * Display this component when no user is found
     */
    noUserComponent?: ReactNode;
    /**
     * Display this component below the sign-in buttons
     */
    additionalComponent?: ReactNode;
    /**
     * Display this component above the sign-in buttons
     */
    topComponent?: ReactNode;
    /**
     * Error message when user is not allowed access
     */
    notAllowedError?: string | Error;
    /**
     * Google client ID for Google OAuth.
     * Required when Google login is enabled via ID token flow.
     */
    googleClientId?: string;
    /**
     * GitHub client ID for GitHub OAuth.
     */
    githubClientId?: string;
    /**
     * LinkedIn client ID for LinkedIn OAuth.
     */
    linkedinClientId?: string;
    /**
     * Optional custom title shown above options
     */
    title?: string;
    /**
     * Optional custom subtitle shown above options
     */
    subtitle?: string;
    /**
     * When true, shows bootstrap/setup UI (first-user creation).
     * If not set, derived from `authController` if it exposes `needsSetup`.
     */
    needsSetup?: boolean;
    /**
     * Whether registration is enabled.
     * If not set, derived from `authController.capabilities.registrationEnabled`.
     */
    registrationEnabled?: boolean;
    /**
     * Pre-fill the email field (e.g. for demo or testing environments).
     */
    defaultEmail?: string;
    /**
     * Pre-fill the password field (e.g. for demo or testing environments).
     */
    defaultPassword?: string;
    /**
     * When set, a "Join the newsletter" opt-in checkbox is offered. Called with
     * the address that just authenticated — by any method — if the box was
     * ticked. Wire it to whatever stores the subscription; failures are the
     * callback's problem, the login flow never waits on it.
     *
     * The checkbox sits on the **provider screen**, beside the buttons that
     * choose how to sign in, rather than on the credentials form. It is a
     * decision about the visitor, not about the password: asking on the
     * credentials form put it in front of only the people who got that far by
     * typing an address, so anyone signing in with Google was never offered it
     * at all. Bootstrap mode is the exception — there is no provider screen
     * there, so the form keeps it.
     */
    onNewsletterOptIn?: (email: string) => void;
}
/**
 * Generic login view component that works with any AuthControllerExtended.
 * Feature-detects capabilities to show/hide login methods.
 * @group Core
 */
export declare function LoginView({ logo, authController, noUserComponent, disableSignupScreen, disabled, notAllowedError, googleClientId, githubClientId, linkedinClientId, title, subtitle, needsSetup, registrationEnabled, additionalComponent, topComponent, defaultEmail, defaultPassword, onNewsletterOptIn }: LoginViewProps): React.JSX.Element;