import { ReactNode } from 'react';
import { SxProps } from '@mui/material/styles';
import { InsightTransactionRowProps } from './InsightTransactionRow';
export interface FooterRow {
    label: ReactNode;
    amount: ReactNode;
    amountColor?: string;
}
type TransactionListCardVariant = 'default' | 'primary';
interface TransactionListCardProps {
    /** Optional header label above the rows (e.g. "{Date}", "3 transactions"). */
    header?: ReactNode;
    /** One or more transaction rows. */
    rows: InsightTransactionRowProps[];
    /** Optional summary/total row rendered beneath a divider. */
    footer?: FooterRow;
    /**
     * Card style:
     * - `default` — grey utility header, hairline border, radius 4.
     * - `primary` — filled `primary.main` header with white text and a matching
     *   border, radius 8 (Figma "Multi" variant).
     *
     * In both cases the header is borderless; the border wraps the content block
     * below it.
     */
    variant?: TransactionListCardVariant;
    /**
     * Optional background applied to the Slot behind the card. Must be a valid CSS
     * background string (gradient or color in CSS format); MUI theme tokens are
     * not resolved here (this is the CSS `background` shorthand, not `bgcolor`), so
     * use a CSS color literal instead. When set, the inner card renders borderless
     * on a white surface inside the padded Slot (Figma HSA Deposit).
     */
    background?: string;
    sx?: SxProps;
}
/**
 * List card composing an optional header label, one or more
 * `InsightTransactionRow`s (divided), and an optional footer/total row.
 * `variant` supplies the Figma design defaults for the two card styles.
 *
 * Scope is the Content section only; Header/Description are out of scope.
 */
declare const TransactionListCard: ({ background, footer, header, rows, variant, sx, }: TransactionListCardProps) => import("react/jsx-runtime").JSX.Element | null;
export default TransactionListCard;