<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>