import { Theme } from '@mui/material/styles';
/**
 * Account Switch block variants, keyed by the backend `instance_slot.variant`. All share
 * `TransferLogoCard`; only the slot surface, center badge and connector dots differ.
 *
 * - `AccountConnect`      — Discovered Accounts pending: blue gradient, link badge.
 * - `AccountConnected`    — Discovered Accounts success: pink wash, confetti, check badge.
 * - `SwitchDirectDeposit` — Switch Direct Deposit pending: flat tinted slot, arrow badge.
 *   Its complete state is a different layout, served by `direct_deposit_block`.
 */
export declare const accountSwitchVariant: {
    readonly AccountConnect: "account_connect";
    readonly AccountConnected: "account_connected";
    readonly SwitchDirectDeposit: "switch_direct_deposit";
};
export type AccountSwitchVariant = (typeof accountSwitchVariant)[keyof typeof accountSwitchVariant];
export interface AccountSwitchLayoutConfig {
    /** Slot surface color token. */
    bgcolor: string;
    /** Optional gradient layered over `bgcolor`. */
    backgroundImage?: string;
    /** Center badge background color token. */
    badgeBgColor: string;
    /** mx-icons glyph rendered in the center badge. */
    badgeIcon: string;
    /** Color token for the badge glyph. */
    badgeIconColor: string;
    /** Connector-dot color token. */
    dotColor: string;
    /** Enlarge the inner connector dots (6px vs 4px). */
    hasBigDots: boolean;
    /** Confetti burst filling the slot (success states). */
    showConfetti?: boolean;
}
/** Per-variant `TransferLogoCard` props (mirrors DirectDepositBlock's `getLayoutConfig`). */
export declare const getLayoutConfig: (theme: Theme) => Record<AccountSwitchVariant, AccountSwitchLayoutConfig>;