import type { CustomHref } from "../button-link";
import { SelfServiceFlow } from "./helpers/types";
import { UserAuthFormAdditionalProps } from "./helpers/user-auth-form";
export declare type LoginSectionAdditionalProps = {
    forgotPasswordURL?: CustomHref | string;
    signupURL?: CustomHref | string;
    logoutURL?: CustomHref | string;
};
export declare type RegistrationSectionAdditionalProps = {
    loginURL?: CustomHref | string;
};
export declare type VerificationSectionAdditionalProps = {
    signupURL?: CustomHref | string;
};
export declare type RecoverySectionAdditionalProps = {
    loginURL?: CustomHref | string;
};
/**
 * @typedef {Object} UserAuthCardProps
 * @property {SelfServiceLoginFlow} flow - can be any of the login, registration, verification, recovery flows
 * @property {string} title - title of the user auth card
 * @property {"login" | "registration" | "verification" | "recovery"} flowType - specify the type of flow to render
 * @property {string} subtitle - subtitle of the user auth card, usually used to display additional information
 * @property {string | React.ReactElement} - an image to display on the card header (usually a logo)
 * @property {LoginSectionAdditionalProps | RegistrationSectionAdditionalProps | RecoverySectionAdditionalProps | VerificationSectionAdditionalProps} additionalProps - additional props to pass to the form
 */
export declare type UserAuthCardProps = {
    flow: SelfServiceFlow;
    title: string;
    flowType: "login" | "registration" | "recovery" | "verification";
    additionalProps: LoginSectionAdditionalProps | RegistrationSectionAdditionalProps | RecoverySectionAdditionalProps | VerificationSectionAdditionalProps;
    subtitle?: string;
    cardImage?: string | React.ReactElement;
    includeScripts?: boolean;
    className?: string;
    children?: string;
} & UserAuthFormAdditionalProps;
/**
 *
 * @param {{flow: SelfServiceFlow, title: string, flowType: "login" | "registration" | "recovery" | "verification", additionalProps: LoginSectionAdditionalProps | RegistrationSectionAdditionalProps | RecoverySectionAdditionalProps | VerificationSectionAdditionalProps, subtitle?: string, cardImage?: string | React.ReactElement, includeScripts?: boolean, className?: string, children?: string}} UserAuthCardProps
 * @returns
 */
export declare const UserAuthCard: ({ flow, title, subtitle, flowType, additionalProps, cardImage, onSubmit, includeScripts, className, }: UserAuthCardProps) => JSX.Element;
//# sourceMappingURL=user-auth-card.d.ts.map