<script setup>
defineProps({ icono: { type: String, default: '' }, titulo: String, detalle: String })
</script>

<template>
  <div class="flex flex-col items-center justify-center text-center py-12 px-6">
    <div v-if="icono" class="text-3xl mb-3 opacity-70">{{ icono }}</div>
    <p class="text-sm font-medium text-texto">{{ titulo }}</p>
    <p v-if="detalle" class="text-xs text-tenue mt-1 max-w-sm">{{ detalle }}</p>
    <div class="mt-4"><slot /></div>
  </div>
</template>
