<template>
  <div class="d-flex justify-content-center">
    <RouterLink
      class="btn btn-primary"
      title="بیشتر"
      :to="{
        name:'notifications'
      }"
    >
      <span v-if="list.length"
        >بیشتر
        <svg style="font-size: 0.6rem" class="icon icon-chevron-double-left">
          <use xlink:href="#icon-chevron-double-left"></use>
        </svg>
      </span>
      <span v-else>خوانده شده ها</span>
    </RouterLink>
  </div>
</template>

<script>

/**
 * @vue-prop {Array} [list=[]] - لیست آیتم‌ها
 */


export default {
  props: {
    list: {
      default: [],
    },
  },
  emits: ["go-to-notification-show-page"],
};
</script>
