1<template>
2  <div class="mt-2 d-flex flex-column justify-content-end">
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>
18export default {
19  props: {
20    filteredItemsCount: {
21      type: Number,
22      required: true,
23    },
24    totalNumberOfCells: {
25      type: Number,
26      required: true,
27    },
28  },
29  computed: {
30    filterActive() {
31      return this.filteredItemsCount !== this.totalNumberOfCells;
32    },
33  },
34};
35</script>
36