import { ReactNode } from 'react';
export interface DirectDepositPillConfig {
    /** Pill background color token. */
    bgcolor: string;
    /** Pill border color token. */
    borderColor: string;
    /** Pill label color token. */
    labelColor: string;
    /** Optional mx-icons glyph rendered before the label (e.g. `check_circle`). */
    icon?: string;
}
/**
 * Style props for the card. Variant-specific values live in the Direct Deposit
 * block's `layout.ts` (`getLayoutConfig`) — the card itself is variant-agnostic.
 */
export interface DirectDepositCardStyleProps {
    /** Slot surface token behind the white hero card. Default `primary.lighter`. */
    bgcolor?: string;
    /** Decorative wash layered over `bgcolor` (celebration/gradient slots). */
    backgroundImage?: string;
    /** Confetti burst behind the hero card (complete states). */
    showConfetti?: boolean;
    /** Hero name typography. Default `body2` (13/16); rate variants use `body1` (15/20). */
    nameVariant?: 'body1' | 'body2';
    /** Status pill color tokens + optional leading glyph. */
    pill?: DirectDepositPillConfig;
}
interface DirectDepositCardProps extends DirectDepositCardStyleProps {
    /** Institution/account logo, rendered overhanging the hero card's top edge. */
    logo: ReactNode;
    /** Primary line, e.g. "Epic Bank Checking, *1234". */
    name: ReactNode;
    /** Optional secondary line, e.g. "Checking Account" / "Credit Card". */
    subtitle?: ReactNode;
    /** Optional status pill label, e.g. "Direct Deposit Not Set Up". */
    statusLabel?: ReactNode;
}
/**
 * The basic Direct Deposit hero card: an overhanging logo above a white card
 * with a name, optional subtitle, and a status pill, over a tinted/gradient
 * slot with an optional confetti backdrop.
 *
 * Purely presentational — it knows nothing about beats or variants. The Direct
 * Deposit block resolves `instance_slot.variant` to these style props via its
 * `layout.ts` (`getLayoutConfig`).
 */
declare const DirectDepositCard: ({ backgroundImage, bgcolor, logo, name, nameVariant, pill, showConfetti, statusLabel, subtitle, }: DirectDepositCardProps) => import("react/jsx-runtime").JSX.Element;
export default DirectDepositCard;