<template>
  <article class="feature-line-card" :data-aos="aos">
    <span>{{ index }}</span>
    <div>
      <h3>{{ title }}</h3>
      <p>{{ description }}</p>
      <div v-if="items?.length" class="feature-line-card__tags">
        <em v-for="item in items" :key="item">{{ item }}</em>
      </div>
    </div>
  </article>
</template>

<script setup>
defineProps({
  index: { type: String, required: true },
  title: { type: String, required: true },
  description: { type: String, required: true },
  items: { type: Array, default: () => [] },
  aos: { type: String, default: 'fade-up' }
})
</script>
