<div class="content-fullpage">
  <c8y-data-grid
    [title]="'Services' | translate"
    [refresh]="refresh$"
    [actionControls]="actionControls"
    [pagination]="pagination"
    [columns]="columns"
    [infiniteScroll]="'auto'"
    [serverSideDataCallback]="serverSideDataCallback"
  >
    <c8y-ui-empty-state
      [icon]="stats?.size > 0 ? 'search' : 'c8y-tools'"
      [title]="stats?.size > 0 ? (noResultsMessage | translate) : (noDataMessage | translate)"
      [subtitle]="stats?.size > 0 ? (noResultsSubtitle | translate) : null"
      *emptyStateContext="let stats; isLoading as isLoading"
      [horizontal]="stats?.size > 0"
    ></c8y-ui-empty-state>
  </c8y-data-grid>
</div>