<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 setup>
// The Lucia project.
// Copyright 2023-2026 DSP, inc.  All rights reserved.
// Authors:
//   chiayin.kuo@dsp.im (chiayin), 2023/1/31
//   imacat.yang@dsp.im (imacat), 2023/9/23
/**
 * @module components/Discover/Conformance/ConformanceSidebar/ResultArrow
 *   Conformance result display with arrow icons showing activity
 *   sequences.
 */

defineProps(["data", "select"]);
</script>
