<template>
  <div class="row form-group" :key="$attrs.key">
    <label :for="localFormElement.key" class="col-auto label-color">{{
      localFormElement.label
    }}:&nbsp;</label>

    <div class="problem-section__content text__15">
      <ul class="list-unstyled">
        <li
          v-for="(item, index) in entity[localFormElement.key]"
          :key="'tl_' + index"
          class="mb-2 list-item"
        >
          {{ item }}
        </li>

      </ul>
    </div>
  </div>
</template>

<script>
import formBuilderMixin from "@mixins/formBuilderMixin";
export default {
  mixins: [formBuilderMixin],
  computed:{
    // myText(){
    //   if(this.localFormElement?.type == 'date')
    //     return this.textDate;
    //   else
    //     return this.textValue;

    // }
  }
};
</script>

<style scoped>
.form-control {
  height: auto !important;
}
.label-title{
  font-size: 0.9rem !important;
}


</style>

<style scoped lang="scss">
.list-unstyled {
  display: flex;
  flex-wrap: wrap;

  .list-item {
    border: 1px solid #92a2b2;
    border-radius: 0.5em;
    padding: 0.5em;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
  }
}

</style>
