<template>
  <div class="row form-group" :key="$attrs.key">
    <label :for="localFormElement.key":class="$attrs.labelClass ?? 'col-md-2'"
      >{{ localFormElement.label }}:&nbsp;</label
    >

    <p class=" text__13 label-title" :class="$attrs.inputClass ?? ' col-md-10'">
      {{ this.textItem }}
    </p>
  </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>
