<div class="search-results" *ngIf="(searchAreas | async)?.length > 0" >
  <h2 class="visually-hidden">Search Results</h2>
  <div class="search-area" *ngFor="let area of searchAreas | async">
    <h3>{{area.name}}</h3>
    <ul>
      <li class="search-page" *ngFor="let page of area.pages">
        <a class="search-result-item" href="{{ page.path }}" (click)="onResultSelected(page)">{{ page.title }}</a>
      </li>
    </ul>
  </div>
</div>

