<template>
  <view class="wl-empty" :style="baseStyle">
    <up-empty
      :mode="props?.mode || 'favor'"
      :text="props?.text || '暂无数据'"
      :iconSize="props?.iconSize || 60"
      :textSize="props?.textSize || '20rpx'"
    />
  </view>
</template>

<script setup lang="ts">
import { defineProps } from "vue";

const props = defineProps<{
  mode?: string;
  text?: string; // 可选，提示文字
  height?: string;
  iconSize?: string | number;
  textSize?: string | number;
}>();

const baseStyle = {
  height: props.height || "40vh",
};
</script>

<style scoped>
.wl-empty {
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
