<template>
  <div class="panel">
    <h6 class="panel-heading">Avisos</h6>

    <p
      class="panel-block"
      v-for="(a, index) in avisos"
      :key="index"
      v-show="(current - 1) * 25 <= index && index < current * 25"
    >
      {{ a }}
    </p>

    <div class="m-3">
      <b-pagination :total="avisos.length" :per-page="25" v-model="current" />
    </div>
  </div>
</template>

<script>
export default {
  props: { avisos: { type: Array, required: true, default: () => [] } },
  data() {
    return { current: 1 }
  },
}
</script>

<style></style>
