<CardPay::LabeledValue @label="BALANCE:" class="nested-depot-balance-chooser" ...attributes>
  <CardPay::NestedItems
    @noBorder={{not @isComplete}}
    @noIndent={{not @isComplete}}
    class="nested-depot-balance-chooser__nested-items"
  >
    <:outer>
      <CardPay::AccountDisplay
        @size={{if @isComplete "small"}}
        @icon="depot"
        @name="DEPOT:"
        @address={{if @isComplete (truncate-middle @depotAddress) @depotAddress}}
        data-test-account-depot-outer
      />
    </:outer>
    <:inner>
      {{#if @isComplete}}
        <CardPay::BalanceDisplay
          @size="large"
          @icon={{@selectedToken.icon}}
          @balance={{format-wei-amount @selectedToken.balance}}
          @symbol={{@selectedTokenSymbol}}
          data-test-account-balance
        />
      {{else}}
        <div class="nested-depot-balance-chooser__nested-dropdown">
          <CardPay::BalanceChooserDropdown
            @tokens={{@tokens}}
            @selectedToken={{@selectedToken}}
            @selectedTokenSymbol={{@selectedTokenSymbol}}
            @chooseToken={{@chooseToken}}
          />
        </div>
      {{/if}}
    </:inner>
  </CardPay::NestedItems>
</CardPay::LabeledValue>
