{{#if Online}}
  <span class="book-availabilityIndicator book-availabilityIndicator--available book-availabilityIndicator--online">
    <i aria-hidden="true" class="fas fa-link book-availabilityIndicator-indicator"></i>&nbsp;{{#if Designator}}{{Designator}}&nbsp;a{{else}}A{{/if}}vailable online
  </span>
{{else}}
  {{#if AvailabilityKnown}}
    {{#if Available}}
      <span class="book-availabilityIndicator book-availabilityIndicator--available">
        <i aria-hidden="true" class="fas fa-check-circle book-availabilityIndicator-indicator"></i>&nbsp;{{#if Designator}}{{Designator}}&nbsp;a{{else}}A{{/if}}vailable
      </span>
    {{else}}
      {{#if DueDate}}
        <span class="book-availabilityIndicator book-availabilityIndicator--unavailable">
          <i aria-hidden="true" class="fas fa-ban book-availabilityIndicator-indicator"></i>&nbsp;{{#if Designator}}{{Designator}}&nbsp;d{{else}}D{{/if}}ue&nbsp;{{DueDate}}
        </span>
      {{else}}
        <span class="book-availabilityIndicator book-availabilityIndicator--unavailable">
          <i aria-hidden="true" class="fas fa-ban book-availabilityIndicator-indicator"></i>&nbsp;{{#if Designator}}{{Designator}}&nbsp;c{{else}}C{{/if}}hecked out
        </span>
      {{/if}}
    {{/if}}
  {{else}}
    <span class="book-availabilityIndicator book-availabilityIndicator--unknown">
      <!-- <i aria-hidden="true" class="fas fa-question-circle book-availabilityIndicator-indicator"></i>&nbsp;{{#if Designator}}{{Designator}}&nbsp;a{{else}}A{{/if}}vailability unknown -->
    </span>
  {{/if}}
{{/if}}