<script setup lang="ts">
defineProps<{
size?: number;
text?: string;
useField?: boolean;
notFound?: boolean;
}>();
</script>
<template>
<div class="text-center">
<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>
</template>