<script lang="ts" setup>
const props = defineProps({
  title: String,
  subtitle: String
})
</script>

<template>
  <div class="rounded-lg mx-4 p-4 py-12 bg-neutral-100 flex items-center flex-col gap-4">
    <slot name="icon"></slot>
    <div class="text-center">
      <p class="text-base">{{ title }}</p>
      <p class="text-xs text-neutral-500">{{ subtitle }}</p>
    </div>
  </div>
</template>

<style scoped></style>
