<template>
  <div class="empty-container flex flex-col items-center justify-center">
    <img class="empty-image" :src="emptyIcon" mode="aspectFit" />
    <span class="font-size-12 text-center color-99A0AE mt-8">
      {{ 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>

<style scoped lang="scss">
@import "./styles/index.scss";
</style>
