;(function() {
'use strict';
window.Pagination = {
name: 'Pagination',
props: {
page: { type: Number, required: true },
totalPages: { type: Number, required: true },
},
emits: ['page-change'],
template: `
<div class="pagination" v-if="totalPages > 1">
<button class="page-btn" :disabled="page <= 1" @click="$emit('page-change', page - 1)">
◀
</button>
<span class="page-info">{{ page }} / {{ totalPages }}</span>
<button class="page-btn" :disabled="page >= totalPages" @click="$emit('page-change', page + 1)">
▶
</button>
</div>
`,
};
})();