<template>
  <div class="d-flex flex-row justify-center mt-3 flex-shrink-0">
    <a-pagination 
      v-if="loader.totalPages.value > 1"
      v-model:current="loader.page.value"
      :total="loader.total.value"
      :pageSize="loader.pageSize.value"
      :showSizeChanger="false"
      :showQuickJumper="false"
    />
  </div>
</template>

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

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

</script>