import { StateUpdater, Dispatch } from 'preact/hooks';
import { ModalParams } from './typings';
import { Theme } from '../typings';
import { JSXInternal } from 'preact/src/jsx';
import './style.css';
declare const Header: ({ compact, logo }: {
    compact: boolean;
    logo: string;
}) => JSXInternal.Element;
declare const EmailLogin: ({ loginWithOTPStart, email, setEmail, }: {
    email: string;
    setEmail: Dispatch<StateUpdater<string>>;
} & Pick<ModalParams, "loginWithOTPStart">) => JSXInternal.Element;
declare const Separator: ({ text }: {
    text: string;
}) => JSXInternal.Element;
declare const SocialLogin: ({ loginWithSocial, loginList, mode, }: Pick<ModalParams, "loginWithSocial" | "loginList"> & {
    mode: Theme;
}) => JSXInternal.Element;
declare const Footer: ({ mode }: {
    mode: Theme;
}) => JSXInternal.Element;
declare const Loader: (props: {
    text: string;
    children?: preact.ComponentChildren;
    mode: Theme;
    compact: boolean;
    header?: JSXInternal.Element;
}) => JSXInternal.Element;
declare const OTPEntry: ({ loginWithOtpStart, loginWithOtpComplete, setError, closeFunc, compact, }: {
    loginWithOtpStart: () => Promise<unknown>;
    loginWithOtpComplete: (otp: string, onMFAFlow: () => unknown) => Promise<unknown>;
    setError(): void;
    closeFunc(): void;
    compact: boolean;
}) => JSXInternal.Element;
declare const OTPError: ({ action }: {
    action: () => void;
}) => JSXInternal.Element;
declare const Container: ({ children, mode, }: {
    mode: Theme;
    children: preact.ComponentChildren;
}) => JSXInternal.Element;
declare const Action: ({ text, method, disabled, }: {
    text: string;
    method: () => void;
    disabled?: boolean | undefined;
}) => JSXInternal.Element;
export { Action, Header, EmailLogin, Separator, SocialLogin, Footer, Loader, Container, OTPEntry, OTPError, };