<ion-grid>
  <ion-row>
    <ion-col>
      <div class="ion-text-wrap">
        <h2 class="name">
          {{ 'name' | thingTranslate: item }}
          <span *ngIf="item.honorificPrefix">, {{ item.honorificPrefix }}</span>
        </h2>
        <p *ngIf="item.telephone || item.email">
          <span *ngIf="item.telephone">
            <ion-icon name="call"></ion-icon>&nbsp;{{
              item.telephone
            }}&nbsp; </span
          ><span *ngIf="item.email">
            <ion-icon name="mail"></ion-icon>&nbsp;{{ item.email }}
          </span>
        </p>
        <stapps-long-inline-text
          *ngIf="item.jobTitles"
          [text]="item.jobTitles.join(', ')"
          [size]="50"
        ></stapps-long-inline-text>
      </div>
    </ion-col>
  </ion-row>
</ion-grid>
