<app-result-list [items]="items">
  <!-- LEFT -->
  <ng-template let-item>
    <app-default-result-item
      [showNotes]="false"
      [item]="item"
      [detailsUrl]="'/!dataset' | localize"
      [queryParams]="item.query_params">
    </app-default-result-item>
  </ng-template>

  <!-- RIGHT -->
  <ng-template let-item let-index="index">
    <!-- remove subscription -->
    <div class="subscribe-button d-sm-inline-block d-lg-inline">
      <button class="btn btn-danger btn-sm" (click)="onUnfollow(index)">
        {{ 'Action.StopObserve' | translate }}
        <span class="visually-hidden">
          {{ item.attributes.title }}
        </span>
      </button>
    </div>
  </ng-template>
</app-result-list>
