<template>
  <div>
    <heading
      :ts="formBody.sharedStyle.heading"
      :ls="widget.style.heading"
      :d="widget.style.heading.defaultStyle"
      >{{ widget.text.heading }}
    </heading>
    <heading
      :ts="formBody.sharedStyle.subHeading"
      :ls="widget.style.subHeading"
      :d="widget.style.subHeading.defaultStyle"
      >{{ widget.text.subHeading }}
    </heading>
    <!--    <star-rating v-model="widget.value.Ans" :show-rating="false"></star-rating>-->
    <v-rating
      style="white-space: normal"
      size="70"
      :color="widget.style.input.selectColor"
      :background-color="widget.style.input.unselectColor"
    />
  </div>
</template>

<script>
import Heading from "@/components/widgets/components/heading";
export default {
  name: "ratting_widget",
  components: { Heading },

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