import { ReactNode } from 'react';
import { SxProps } from '@mui/material/styles';
export interface InsightTransactionRowProps {
    /** Leading visual: merchant/institution logo, category icon, or date badge. */
    leading?: ReactNode;
    /** Primary line (e.g. merchant, payee, transaction name). */
    title: ReactNode;
    /** Secondary line beneath the title (e.g. category). */
    subtitle: ReactNode;
    /** Trailing amount, pre-formatted by the caller. */
    amount: ReactNode;
    /** Theme token for the amount text (e.g. 'success.main' for credits). */
    amountColor?: string;
    sx?: SxProps;
}
/**
 * A single transaction/list row for the insights-v2 transaction-list family:
 * leading visual + title/subtitle on the left, amount on the right. Named
 * `InsightTransactionRow` to avoid colliding with the transactions widget's
 * public `TransactionRow` export.
 */
declare const InsightTransactionRow: ({ amount, amountColor, leading, subtitle, title, sx, }: InsightTransactionRowProps) => import("react/jsx-runtime").JSX.Element;
export default InsightTransactionRow;