<script setup>
import { MESSAGES } from '@/data/messages'

const props = defineProps(['compact', 'msg'])
</script>

<template>
  <div class="content pad" :class="{ stretched: !props.compact }">
    {{ msg || MESSAGES['NO_DATA_AVAILABLE'] }}
  </div>
</template>