{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: BUSL-1.1
}}

<Providers::Dimension as |p|>
  {{#if p.data.height}}
    <div style={{p.data.fillRemainingHeightStyle}} class="overflow-y-scroll">
      <VerticalCollection
        @tagName="ul"
        @estimateHeight={{p.data.height}}
        @items={{@items}}
        as |address index|
      >
        <li
          class="px-3 h-12 border-bottom-primary flex items-center justify-between group"
        >
          <div
            class="hds-typography-display-300 text-hds-foreground-strong hds-font-weight-semibold"
          >{{address}}</div>
          <ConsulCopyButton
            @value={{address}}
            @name="Address"
            class="opacity-0 group-hover:opacity-100"
          />
        </li>
      </VerticalCollection>
    </div>
  {{/if}}
</Providers::Dimension>