<template>
  <div>
    <ListArrowButton
      v-for="(item, index) in items"
      :key="index"
      :title="item.title"
      :subtitle="item.subtitle || ''"
      :icon="item.icon || ''"
      :icon-width="item.iconWidth || 30"
      :icon-height="item.iconHeight || 30"
      @click="$emit('item-click', item, index)"
    />
  </div>
</template>

<script setup>
import ListArrowButton from './ListArrowButton.vue'

defineProps({
  /**
   * Array of { title, subtitle?, icon?, iconWidth?, iconHeight? }
   */
  items: { type: Array, required: true },
})

defineEmits(['item-click'])
</script>
