<template>
  <ul class="space-y-2" id="cyp-conformance-result-arrow">
    <li class="flex justify-start items-center pr-4" v-for="(act, index) in data" :key="index" :title="act">
      <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>
    </li>
  </ul>
</template>
<script>
export default {
  name: 'ResultArrow',
  props:['data', 'select'],
  // data() {
  //   return {
  //     datadata: []
  //   }
  // },
  // watch: {
  //   data: function(newValue) {
  //     this.datadata = newValue;
  //   },
  //   select: function(newValue) {
  //     this.datadata = newValue;
  //   }
  // }
}
</script>
