@props([
    'prevId' => 'page-prev',
    'nextId' => 'page-next',
    'pagesId' => 'page-list',
    'infoId' => 'page-info',
    'prevLabel' => 'Poprzednia',
    'nextLabel' => 'Następna',
    'wrapperClass' => 'd-flex justify-content-end',
    'containerClass' => 'd-flex align-items-center justify-content-end',
    'containerStyle' => 'margin-top: 0;',
])

<div class="{{ $wrapperClass }}">
    <div class="{{ $containerClass }}" style="{{ $containerStyle }}">
        <div class="ajax-pagination">
            <button type="button" id="{{ $prevId }}" class="btn btn-sm btn-outline-secondary ajax-pagination-nav" aria-label="{{ $prevLabel }}" title="{{ $prevLabel }}">
                <i class="fas fa-chevron-left" aria-hidden="true"></i>
            </button>

            <div id="{{ $pagesId }}" class="ajax-pagination-pages" aria-live="polite"></div>

            <button type="button" id="{{ $nextId }}" class="btn btn-sm btn-outline-secondary ajax-pagination-nav" aria-label="{{ $nextLabel }}" title="{{ $nextLabel }}">
                <i class="fas fa-chevron-right" aria-hidden="true"></i>
            </button>
        </div>
    </div>

    <div id="{{ $infoId }}" class="text-muted small ajax-pagination-info"></div>
</div>