<template>
  <div>
    <h5 :style="{'color' : widget.style.headingColor}">{{widget.text.rattingHeading}}</h5>
    <span>{{widget.text.rattingsubHeading}}</span>
    <star-rating v-model="widget.value.Ans" :show-rating="false"></star-rating>
  </div>
</template>

<script>
import StarRating from "vue-star-rating";
export default {
  name: "ratting_widget",
  components: {
    StarRating
  },

  props: {
    widget: Object
  }
};
</script>