<script setup lang="ts">
defineProps<{
  size?: number;
  useField?: boolean;
  notFound?: boolean;
}>();
</script>
<template>
  <div>
    <q-img
      src="no-data.png"
      :style="{
        height: size ? `${size}px` : '120px',
        width: size ? `${size + 2}px` : '123px',
      }"
    />
    <div class="app-text-muted text-center">
      {{ notFound ? $t('notFound') : useField ? $t('noField') : $t('noData') }}
    </div>
  </div>
</template>
