import { ReactNode } from 'react'; import { SxProps } from '@mui/material/styles'; interface TransferLogoCardProps { /** Source institution logo (left). */ from: ReactNode; /** Destination institution logo (right). */ to: ReactNode; /** Logo tile size in px (Figma: 64). */ size?: number; /** Arrow icon rendered in the center badge. Defaults to a right arrow. */ icon?: ReactNode; /** * Enlarge the inner connector dots (6px vs 4px), matching the Discovered * Accounts insight for cross-insight consistency. Default true. */ hasBigDots?: boolean; /** Connector-dot color token. Default `neutral.darker` (theme-aware). */ dotColor?: string; /** Center badge background color token. Default `neutral.darker` (dark circle * for Switch DD default; set to `success.main` for Discovered Accounts success). */ badgeBgColor?: string; /** Slot surface color token. Default `primary.lighter` (Figma's tinted slot, * theme-aware: light-blue in light mode, navy in dark). */ bgcolor?: string; /** * Optional background image (e.g., celebration gradient) for success states. * Layered over the `bgcolor` via `backgroundImage` (not `background` shorthand). */ backgroundImage?: string; /** * Show a confetti animation filling the slot (for success/celebration states). * Requires `useContainerDimensions` to measure the slot. Default false. */ showConfetti?: boolean; sx?: SxProps; } /** * A from → to account transfer visual: two institution logos on a rounded track * with a central arrow badge and connector dots between them. * * Figma: Switch Direct Deposit (default) Content. Structure ported from v1 * `insights/components/shared/ConnectionCard` (grid-overlaid track + row). * Scope is the Content section only. */ declare const TransferLogoCard: ({ badgeBgColor, bgcolor, backgroundImage, dotColor, from, hasBigDots, icon, showConfetti, size, to, sx, }: TransferLogoCardProps) => import("react/jsx-runtime").JSX.Element; export default TransferLogoCard;