<template>
  <article class="metric-art-card" :data-aos="aos">
    <span>{{ label }}</span>
    <strong>{{ value }}</strong>
    <p>{{ description }}</p>
  </article>
</template>

<script setup>
defineProps({
  label: { type: String, required: true },
  value: { type: String, required: true },
  description: { type: String, required: true },
  aos: { type: String, default: 'zoom-in' }
})
</script>
