import { ReactNode } from 'react';
import { SxProps } from '@mui/material/styles';
interface MerchantHighlightCardProps {
    /** Brand/merchant logo visual (rendered inside a `LogoTile`). */
    logo: ReactNode;
    /** Merchant/payee name. */
    name: ReactNode;
    /** Optional label above the name (e.g. "{Date}"). */
    eyebrow?: ReactNode;
    /** Amount. Rendered as a dark pill when `amountVariant='pill'`, else plain. */
    amount?: ReactNode;
    /** How to render the amount. */
    amountVariant?: 'pill' | 'text';
    /** Typography variant for the name. Defaults to `h2` for `pill`, else `h3`. */
    nameVariant?: 'h2' | 'h3';
    /** Trailing element beneath the name (e.g. a `<StatusPill>`); replaces `amount`. */
    trailing?: ReactNode;
    /** Card surface color token. */
    bgcolor?: string;
    /** CSS background (e.g. a gradient) for the card surface; overrides `bgcolor`. */
    background?: string;
    /** Card border color token (e.g. New Merchant's tinted card). */
    borderColor?: string;
    /** Render the logo's drop-shadow. Default true; false for MSA V2's Visual. */
    logoShadow?: boolean;
    sx?: SxProps;
}
/**
 * A merchant/brand highlight card: a `LogoTile` beside a text column (optional
 * eyebrow, name, amount/trailing). Shared by Peer-to-Peer Categorization, New
 * Merchant, and Monthly Subscription Aggregate V2's Visual state.
 */
declare const MerchantHighlightCard: ({ amount, amountVariant, background, bgcolor, borderColor, eyebrow, logo, logoShadow, name, nameVariant, trailing, sx, }: MerchantHighlightCardProps) => import("react/jsx-runtime").JSX.Element;
export default MerchantHighlightCard;