import { ReactNode } from 'react';
export interface RemainingCashRow {
    key: string;
    name: string;
    amount: number;
    /** The row's 32px logo: an account's institution or an expense's category. */
    leading: ReactNode;
}
interface RemainingCashSectionProps {
    header: string;
    /** Already grouped and ordered, including any "Other (#)" row. */
    rows: RemainingCashRow[];
}
interface RemainingCashSummaryProps {
    /** Omitted when there is no upcoming payday: a "remaining until payday" figure has no meaning. */
    remaining?: {
        amount: number;
        caption: string;
    };
    cashOnHand: number;
    upcomingExpenses: number;
    cashOnHandLabel: string;
    upcomingExpensesLabel: string;
}
export interface RemainingCashContentProps {
    summary: RemainingCashSummaryProps;
    accounts: RemainingCashSectionProps;
    expenses: RemainingCashSectionProps;
}
/** Presentational body of the Remaining Cash drawer (Figma 9936:39163, minus the drawer header). */
declare const RemainingCashContent: ({ accounts, expenses, summary }: RemainingCashContentProps) => import("react/jsx-runtime").JSX.Element;
export default RemainingCashContent;