<template>
  <div class="admin-empty-state">
    <q-icon :name="icon" size="42px" />
    <div class="admin-empty-state__title">{{ title }}</div>
    <div class="admin-empty-state__copy">{{ copy }}</div>
    <slot />
  </div>
</template>

<script setup lang="ts">
withDefaults(
  defineProps<{
    icon?: string;
    title?: string;
    copy?: string;
  }>(),
  {
    icon: "radar",
    title: "暂无数据",
    copy: "当前条件没有匹配记录。",
  },
);
</script>