<template>
  <div class="d-flex flex-row justify-center mt-3 flex-shrink-0">
    <Pagination
      v-if="loader.totalPages.value > 1"
      v-model:currentPage="loader.page.value"
      :totalPages="loader.totalPages.value"
    />
  </div>
</template>

<script setup lang="ts">
import type { PropType } from 'vue';
import type { ISimplePageListLoader } from '@/composeable/SimplePagerDataLoader';
import Pagination from './small/Pagination.vue';

const props = defineProps({	
  loader: {
    type: Object as PropType<ISimplePageListLoader<any, any>>,
    default: null,
  },
})

</script>