import React, { ReactNode } from "react"; import { FirebaseApp } from "@firebase/app"; import { FirebaseAuthController, FirebaseSignInOption, FirebaseSignInProvider } from "../index"; /** * @category Firebase */ export interface FirebaseLoginViewProps { /** * Firebase app this login view is accessing */ firebaseApp: FirebaseApp; /** * Delegate holding the auth state */ authController: FirebaseAuthController; /** * Path to the logo displayed in the login screen */ logo?: string; /** * Enable the skip login button */ allowSkipLogin?: boolean; /** * Each of the sign in options that get a custom button */ signInOptions: Array; /** * Disable the login buttons */ disabled?: boolean; /** * Prevent users from creating new users in when the `signInOptions` value * is `password`. This does not apply to the rest of login providers. */ disableSignupScreen?: boolean; /** * Prevent users from resetting their password when the `signInOptions` value * is `password`. This does not apply to the rest of login providers. */ disableResetPassword?: boolean; /** * Display this component when no user is found a user tries to log in * when the `signInOptions` value is `password`. */ noUserComponent?: ReactNode; /** * Include additional components in the login view, on top of the login buttons. */ children?: ReactNode; /** * Display this component bellow the sign-in buttons. * Useful for adding checkboxes for privacy and terms and conditions. * You may want to use it in conjunction with the `disabled` prop. */ additionalComponent?: ReactNode; notAllowedError?: any; className?: string; } /** * Use this component to render a login view, that updates * the state of the {@link FirebaseAuthController} based on the result * @category Firebase */ export declare function FirebaseLoginView({ children, allowSkipLogin, logo, signInOptions, firebaseApp, authController, noUserComponent, disableSignupScreen, disableResetPassword, disabled, additionalComponent, notAllowedError, className }: FirebaseLoginViewProps): React.JSX.Element; export declare function LoginButton({ icon, onClick, text, disabled }: { icon: React.ReactNode; onClick: () => void; text: string; disabled?: boolean; }): React.JSX.Element;