<div class="app-screenshot" id="screenshot-paging" class="sky-padding-even-xl">
  <sky-paging
    [currentPage]="1"
    [itemCount]="7"
    [maxPages]="3"
    [pageSize]="2"
    (pageChange)="onPageChange($event)"
  >
    Lorem {{ pageNumber }} ipsum dolor sit amet, consectetur adipiscing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
    velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
    cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
    est laborum
    <button type="button">{{ pageNumber }}</button>
  </sky-paging>
</div>
