@props([
    'count' => 0
])

<div class="footer flex-wrap gap-2">
    <div class="records">
        <span>Total Records: <strong>{{ sprintf('%02d', $count) }}</strong></span>
    </div>
    <div class="pagination flex-wrap gap-1">
        <button type="button" class="page-btn" aria-label="Previous Page">&lt;</button>
        <button type="button" class="page-btn active" aria-label="Page 1">1</button>
        <button type="button" class="page-btn" aria-label="Page 2">2</button>
        <button type="button" class="page-btn" aria-label="Page 3">3</button>
        <button type="button" class="page-btn" aria-label="Next Page">&gt;</button>
    </div>
</div>