<template>
  <div class="form-group">
    <h5 :style="{ color: widget.style.headingColor }">
      {{ widget.text.heading }}
    </h5>
    <span :style="{ color: widget.style.textcolor }">{{
      widget.text.subheading
    }}</span>
    <v-textarea
      :style="{
        'border-radius': widget.style.borderRadius + 'px',
        border:
          widget.style.formBody.borderWidth +
          'px ' +
          widget.style.formBody.borderType +
          ' ' +
          widget.style.formBody.borderColor +
          ' !important',
      }"
      :rows="widget.style.formBody.rows"
      :max-rows="widget.style.formBody.maxRows"
      :size="widget.style.size"
      :placeholder="widget.text.InputPlaceholder"
      v-model="widget.value"
    ></v-textarea>
    <!-- <b-form-textarea id="textarea-small" size="sm" :placeholder="NewText.TextArea"  v-model="TextArea"  v-on:input="$emit('typedText', TextArea)"></b-form-textarea> -->
  </div>
</template>

<script>
export default {
  props: {
    widget: Object,
  },
};
</script>
