@if (listComponent.pagesCount > 1) {
  <div
    class="overflow-hidden flex flex-row justify-center gap-[14px] p-1"
    [ngClass]="containerClass"
  >
    @for (step of steps; track step) {
      <button
        type="button"
        class="pagination-dot"
        (click)="listComponent.goToPage(step)"
        [ngClass]="
          listComponent.currentPage === step ? 'bg-primary' : 'bg-gray-400'
        "
      ></button>
    }
  </div>
}