<script lang='ts' setup>
import empty from "@/assets/images/empty.png?url";

withDefaults(defineProps<{
  image?: string;
  title?: string;
}>(), {
  image: empty,
  title: "暂无数据",
});
</script>

<template>
  <div class="flex flex-col-center space-y-2 my-4">
    <slot name="icon">
      <img :src="empty" class="w-22 h-22 object-contain">
    </slot>
    <div class="text-sm text-text-400">
      {{ title }}
    </div>
    <slot name="extra" />
  </div>
</template>

<style lang='css' scoped></style>
