<template>
  <div class="flex-grow-1 w-100">
    <slot v-if="hasDefaultSlot"></slot>

    <p v-else class="text-center p-3">اطلاعاتی ثبت نشده است.</p>
  </div>
</template>

<script>
export default {
  computed: {
    hasDefaultSlot() {
      return !!this.$slots.default;
    },
  },
};
</script>

<style scoped>
p {
  font-size: 14px;
  background-color: #eee;
  margin: 0;
  color: #6f6f6f;
}
</style>