<script setup lang="ts">
defineProps<{
  size?: number;
  text?: string;
  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">
      {{
        text
          ? text
          : notFound
            ? $t('general.notFound')
            : useField
              ? $t('general.noField')
              : $t('general.noData')
      }}
    </div>
  </div>
</template>
