<img
  *ngIf="sentence.userInterface"
  src="/assets/images/{{ sentence.userInterface }}.svg"
  class="userInterface"
  nbTooltip="{{ sentence.userInterface }}"
/>
<span
  *ngIf="reply"
  [innerHTML]="linkifyHtml(sentence.text)"
></span>
<span *ngIf="!reply">{{ sentence.text }}</span>

<div
  class="footnotes mt-1"
  *ngIf="sentence.footnotes?.length"
>
  <strong class="title mr-1">SOURCES : </strong>
  <span *ngFor="let footNote of sentence.footnotes; let last = last">
    <a
      [href]="footNote.url"
      target="_blank"
      *ngIf="footNote.url?.trim().length"
    >
      {{ footNote.title }}
    </a>
    <span *ngIf="!footNote.url?.trim().length">
      {{ footNote.title }}
    </span>
    <span
      *ngIf="$any(footNote).content"
      class="d-block"
    >
      {{ $any(footNote).content }}
    </span>
    <span
      *ngIf="!$any(footNote).content && !last"
      class="mx-1"
      >|</span
    >
  </span>
</div>
