<template>
  <div class="flex flex-col items-center justify-center">
    <img class="w-[130px] h-[130px]" :src="emptyIcon" />
    <span class="text-[12px] text-center text-ink-400 mt-[8px]">
      {{ statusText }}
    </span>
  </div>
</template>

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

const props = defineProps({
  statusText: {
    type: String,
    default: "",
  },
  emptyIcon: {
    type: String,
    default:
      "https://oss.nianxx.cn/mp/static/version_101/order/order_empty.png",
  },
});
</script>
