@funkit/connect
Version:
Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.
28 lines (27 loc) • 1.23 kB
TypeScript
import React from 'react';
export interface TransferAmountRowProps {
/** "From" / "To" prefix (already translated). */
relationLabel: string;
/** Account name, e.g. "Predictions" / "Perps". */
accountLabel: string;
/** Account balance in USD; rendered floored to the cent as "$X,XXX.XX". */
balanceUsd: number;
/**
* The source row is the editable side: it owns the input + Max button and
* gets the active border. The destination row mirrors the amount read-only
* and has no Max button.
*/
isSource: boolean;
/** Controlled amount string (raw user input; may contain separators). */
amount: string;
onAmountChange?: (next: string) => void;
onMax?: () => void;
testId?: string;
}
/**
* A single From/To account row in the Perps ⇄ Predictions transfer screen.
* Top line shows the relation + account name, the account balance, and — on the
* source row — a Max button; the bottom line shows the (large) amount and, on
* the source row, the `pUSD` denomination.
*/
export declare function TransferAmountRow({ relationLabel, accountLabel, balanceUsd, isSource, amount, onAmountChange, onMax, testId, }: TransferAmountRowProps): React.JSX.Element;