{{#let (eq @size "small") (eq @size "large") as |isSmall isLarge|}}
  <div class="balance-display" ...attributes>
    {{#if @icon}}
      {{svg-jar @icon class=(cn "balance-display__icon" balance-display__icon--lg=isLarge) role="presentation"}}
    {{/if}}
    <div>
      {{#if @label}}
        <div class="balance-display__text">{{@label}}</div>
      {{/if}}
      {{#if @name}}
        <div
          class={{cn "balance-display__name" balance-display__name--sm=isSmall}}
          data-test-balance-display-name
        >
          {{@name}}
        </div>
      {{/if}}
      {{#if @balance}}
        <div class={{cn
          "balance-display__balance"
          balance-display__balance--lg=isLarge
          balance-display__balance--sm=isSmall
        }} data-test-balance-display-amount>
          {{@sign}}{{@balance}} {{@symbol}}
        </div>
        {{#if @usdBalance}}
          <div class="balance-display__text" data-test-balance-display-usd-amount>
            {{format-usd @usdBalance}}
          </div>
        {{/if}}
      {{/if}}
      {{#if @text}}
        <div class="balance-display__text" data-test-balance-display-text>
          {{@text}}
        </div>
      {{/if}}
    </div>
  </div>
{{/let}}