<template>
  <div>
    <div class="space-y-3">
      <div>
        <AisPagination v-model="page"
                       :total-rows="100"
                       :per-page="10"
                       :size="'sm'"
                       :hideEllipsis="true"
        >
        </AisPagination>
      </div>
    </div>


    <div class="mt-3 text-center">Selected Page = [{{ page }}]</div>
  </div>
</template>

<script setup>
    import {ref} from 'vue';
    import AisPagination from '@/components/pagination/AisPagination.vue'

    const page = ref(5)
</script>
