<Boxel::CardContainer @displayBoundaries={{true}} class="card-pay-bridge-item" ...attributes>
  <div class="card-pay-bridge-item__network">
    <span class="card-pay-bridge-item__network-name" data-test-bridge-item-network>
      {{network-display-info (if @isLayer2 "layer2" "layer1") "fullName"}}
    </span>
    <Boxel::Button @as="anchor" @size="extra-small" href={{@link}} target="_blank" rel="noopener">
      {{if @isLayer2 "View on Blockscout" "View on Etherscan"}}
    </Boxel::Button>
  </div>
  <div class="card-pay-bridge-item__tx">
    <CardPay::BalanceDisplay
      class="card-pay-bridge-item__tx-amount"
      @size="large"
      @icon={{@token.icon}}
      @balance={{@amount}}
      @symbol={{@token.symbol}}
      data-test-bridge-item-amount
    />
    <div class="card-pay-bridge-item__tx-preposition">
      {{@preposition}}
    </div>
    {{#if @isLayer2}}
      <CardPay::AccountDisplay
        class="card-pay-bridge-item__tx-wallet"
        @size="small"
        @name={{concat (network-display-info "layer2" "fullName") " wallet"}}
      />
      <CardPay::NestedItems {{!-- class="card-pay-bridge-item__tx-depot" --}}>
        <:outer>
          <CardPay::AccountDisplay
            @size="small"
            @address={{truncate-middle @walletAddress}}
            data-test-bridge-item-wallet
          />
        </:outer>
        <:inner>
          <CardPay::AccountDisplay
            @size="small"
            @icon="depot"
            @name="DEPOT:"
            @address={{truncate-middle @depotAddress}}
            @text={{unless @depotAddress "New Depot"}}
            data-test-bridge-item-depot
          />
        </:inner>
      </CardPay::NestedItems>
    {{else}}
      <CardPay::AccountDisplay
        class="card-pay-bridge-item__tx-wallet"
        @size="small"
        @name={{concat (network-display-info "layer1" "fullName") " wallet"}}
        @address={{@walletAddress}}
        @wrapped={{true}}
        data-test-bridge-item-wallet
      />
    {{/if}}
  </div>
</Boxel::CardContainer>