import * as react_jsx_runtime from 'react/jsx-runtime';

type BankAccountItem = {
    id: string;
    name: string;
    balance?: string;
    institutionName?: string;
    institutionLogoUrl?: string;
};
type BankAccountCategory = "banking" | "home-loan" | "credit-card" | "personal-loan";
type BankAccountsByCategory = Partial<Record<BankAccountCategory, BankAccountItem[]>>;
type BankingAccountsConnectApplicant = {
    name: string;
    email?: string;
};
type BankingAccountsConnectProps = {
    applicant: BankingAccountsConnectApplicant;
    /** Connected accounts grouped by category. All accounts are flattened and shown in a single grid. */
    accountsByCategory?: BankAccountsByCategory;
    /** Called when the "Connect Your Bank +" tile is clicked. */
    onConnectBank?: () => void;
    onNext?: () => void;
    onPrev?: () => void;
    /** Hide the built-in Previous/Next navigation row — use when the parent wizard shell provides navigation. */
    hideNavigation?: boolean;
    className?: string;
};
/**
 * BankingAccountsConnect — shown on the Connections tab when the applicant
 * already has at least one bank account connected.
 *
 * Renders all connected accounts as horizontal card tiles plus a
 * "Connect Your Bank +" tile to add more. Layout mirrors the bank-selection
 * grid in ConnectBankStep.
 *
 * Figma: WealthX-Backoffice---Mobile-App — node 19308:53046 (Connection section)
 */
declare function BankingAccountsConnect({ accountsByCategory, onConnectBank, onNext, onPrev, hideNavigation, className, }: BankingAccountsConnectProps): react_jsx_runtime.JSX.Element;

export { type BankAccountCategory, type BankAccountItem, type BankAccountsByCategory, BankingAccountsConnect, type BankingAccountsConnectApplicant, type BankingAccountsConnectProps };