BankMonthProof
The month-end proof: statement closing − lines not yet in the ledger − lines dated on another day = expected ledger, checked against the linked GL account, with any difference explained in words.
import { BankMonthProof } from "@cynco-labs/ui";Example
import { BankMonthProof } from "@cynco-labs/ui";
export default function BankMonthProofDemo() {
return (
<div className="flex flex-col gap-6">
<BankMonthProof
monthName="September"
asOf="30 Sep"
statementClosing={207985.25}
unpostedNet={3120.4}
inTransit={{ count: 2, net: -1500 }}
ledger={206364.85}
link={{ kind: "linked", code: "1000-001", name: "Maybank Current" }}
/>
<BankMonthProof
monthName="June"
asOf="30 Jun 2026"
statementClosing={96210}
unpostedNet={0}
ledger={96710}
link={{ kind: "linked", code: "1000-002", name: "CIMB Business" }}
/>
</div>
);
}Use
The Reconcile lens for the selected month.
Props
monthName, asOf, statementClosing (null = no statement), unpostedNet, inTransit {count, net}, ledger, link (linked {code, name} | unlinked | foreign_currency | missing_account), currency, state, className and native props (spread on the root).
Notes
Inherits the equation's wrapping; prose is max-w-prose.