<template>
  <view class="empty">
    <view class="empty-title">{{ title }}</view>
    <view v-if="description" class="empty-desc">{{ description }}</view>
  </view>
</template>

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

<style scoped lang="scss">
.empty {
  padding: 80rpx 32rpx;
  text-align: center;
  color: #8a94a6;
}
.empty-title {
  font-size: 30rpx;
  color: #4b5563;
}
.empty-desc {
  margin-top: 12rpx;
  font-size: 24rpx;
}
</style>
