<template>
  <div class="space-y-2">
    <div class="flex justify-start items-center pr-4" v-for="(act, index) in data" :key="index">
      <span class="material-symbols-outlined text-primary mr-2">
        arrow_circle_down
      </span>
      <p class="px-2 py-1 border border-neutral-500 w-full whitespace-nowrap break-keep text-ellipsis overflow-hidden">{{ act }}</p>
    </div>
  </div>
</template>
<script>
export default {
  name: 'ResultArrow',
  props:['data'],
}
</script>
