<script setup>
defineProps({
  icon: {
    type: String,
    default: 'i-heroicons-circle-stack-20-solid'
  },
  label: {
    type: String,
    required: true
  }
})
</script>

<template>
  <div class="flex flex-col items-center justify-center gap-2 py-6 text-center text-muted">
    <UIcon :name="icon" class="size-6" />
    <span>{{ label }}</span>
  </div>
</template>
