<template>
  <v-row
    justify="center"
    class="mb-5"
    v-if="paginatedCollection.collection.length == 0 && !isLoading"
  >
    <!-- //TODO replace with an illustration -->
    {{ $t('noResultsFound') }}
  </v-row>
</template>

<script>
import { mapState } from "pinia";
import { useGlobalStore } from "@/store/GlobalStore";
import BasePaginatedCollection from "@/core/classes/base/BasePaginatedCollection";

export default {
  props: {
    paginatedCollection: BasePaginatedCollection,
  },
  computed: {
    ...mapState(useGlobalStore, ["isLoading"]),
  },
};
</script>

<style></style>
