<template>
  <div class="empty-wrapper">
    <image
      class="empty-img"
      src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/dailibaoming/noData.svg"
    />
    <div class="empty-text">{{ text }}</div>
  </div>
</template>

<script lang="ts" setup>
import { defineProps, withDefaults } from '../utils/transformVue'
withDefaults(
  defineProps<{
    text?: string
  }>(),
  {
    text: '',
  }
)
</script>
<style lang="scss" scoped>
.empty-wrapper {
  margin: 75px 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;

  .empty-img {
    display: block;
    width: 66px;
    height: 66px;
  }

  .empty-text {
    display: block;
    color: #a6adb6;
    margin: 10px;
  }
}
</style>
