<template>
  <div class="space-y-2">
    <div class="flex justify-start items-center pr-4" v-for="(act, index) in datadata" :key="index">
      <span class="material-symbols-outlined text-primary mr-2">
        check_circle
      </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: 'ResultCheck',
  props:['data', 'select'],
  data() {
    return {
      datadata: null,
    }
  },
  watch: {
    data: function(newValue) {
      this.datadata = newValue;
    }
  },
  created() {
    this.datadata = this.select;
  },
}
</script>
