<script lang="ts" setup>
defineProps<{
  icon?: string;
  title?: string;
  description?: string;
}>();
</script>

<template>
  <div
    class="py-12 flex flex-col items-center justify-center gap-6 rounded-md bg-muted text-muted-foreground"
  >
    <Icon v-if="icon" :name="icon" size="48px" />
    <div class="flex flex-col items-center gap-2">
      <p class="text-base">{{ title }}</p>
      <slot>
        <p class="text-sm">
          {{ description || "没有数据" }}
        </p>
      </slot>
    </div>
  </div>
</template>

<style scoped></style>
