XD3V

struct BalanceCard: View {
    let account: Account

    var body: some View {
        VStack(alignment: .leading, spacing: 14) {
            Text(account.name)
                .font(.headline)
            Text(account.balance, format: account.currency)
                .font(.largeTitle.bold())
                .contentTransition(.numericText())
            Sparkline(account.history(days: 30))
            ClearedTotals(account)
            Divider()
            ForEach(account.recent(2)) { entry in
                Toggle(isOn: Bindable(entry).isCleared) {
                    EntryRow(entry)
                }
                .toggleStyle(.checkmark)
            }
        }
        .padding(20)
        .background(.cardFill, in: .rect(cornerRadius: 24))
    }
}