1<template>
2  <div class="mt-2">
3    <p v-if="!filterActive">
4      {{ $t('global.table.items', { count: totalNumberOfCells }) }}
5    </p>
6    <p v-else>
7      {{
8        $t('global.table.selectedItems', {
9          count: totalNumberOfCells,
10          filterCount: filteredItemsCount,
11        })
12      }}
13    </p>
14  </div>
15</template>
16
17<script>
18import { useI18n } from 'vue-i18n';
19export default {
20  props: {
21    filteredItemsCount: {
22      type: Number,
23      required: true,
24    },
25    totalNumberOfCells: {
26      type: Number,
27      required: true,
28    },
29  },
30  data() {
31    return {
32      $t: useI18n().t,
33    };
34  },
35  computed: {
36    filterActive() {
37      return this.filteredItemsCount !== this.totalNumberOfCells;
38    },
39  },
40};
41</script>
42