import { SxProps } from '@mui/material/styles';
interface WithdrawalCardProps {
    /** Withdrawn amount as a plain number (e.g. `100`); the card adds the minus sign. */
    amount: number;
    /** Pre-localized lead-in for the date line (e.g. "Withdrawn on"). */
    amountLabel?: string;
    /** Account balance after the withdrawal, shown in the grey footer row. */
    balance: number;
    /** Pre-localized footer label for the balance (e.g. "Balance"). */
    balanceLabel?: string;
    /** Pre-localized withdrawal date (e.g. "October 5, 2026"). */
    withdrawalDate?: string;
    sx?: SxProps;
}
/**
 * A centered withdrawal highlight: the amount as a headline with a date line beneath it
 * ("{amountLabel} {withdrawalDate}"), over a grey footer row showing the balance. All text arrives
 * localized from the backend; only the two numbers are formatted here (the amount gets a leading
 * minus unless it is zero). The date line is hidden when both `amountLabel` and `withdrawalDate`
 * are empty.
 *
 * Figma: Withdrawal component block (Highlight Withdrawal). Scope is the Content section only.
 */
declare const WithdrawalCard: ({ amount, amountLabel, balance, balanceLabel, withdrawalDate, sx, }: WithdrawalCardProps) => import("react/jsx-runtime").JSX.Element;
export default WithdrawalCard;