<template>
  <d-result class="py-5" icon="info" :title="title" :desc="desc" v-if="!hideIcon">
    <template #icon>
      <Animation name="dataEmpty" width="120px" height="120px" />
    </template>
  </d-result>
  <div class="text-center text-G600 py-20" v-else> {{ title }}</div>
</template>

<script setup lang="ts">
import Animation from '@/components/Animation/index.vue';

withDefaults(
  defineProps<{
    title?: string,
    desc?: string,
    icon?: string,
    hideIcon: boolean
  }>(),
  {
    title: '暂无数据',
    desc: '',
    hideIcon: true
  }
);

</script>
<style lang="scss" scoped>
:deep(.devui-result__extra) {
  margin-top: 0;
}
:deep(.devui-result__title) {
  margin-top: 10px;
}
</style>
