<template>
  <div :class="`flex flex-row items-center space-x-1 ${customClass}`">
    <ts-icon name="star_active" :custom-class="size" />
    <ts-icon name="star_active" :custom-class="size" />
    <ts-icon name="star_active" :custom-class="size" />
    <ts-icon name="star_active" :custom-class="size" />
    <ts-icon name="star_active" :custom-class="size" />
  </div>
</template>
<script lang="ts">
import TsIcon from "../TsIcon/index.vue";

export default {
  components: {
    TsIcon,
  },
  props: {
    count: {
      type: Number,
      default: 5,
    },
    customClass: {
      type: String,
      default: "",
    },
    size: {
      type: String,
      default: "h-[13px]",
    },
  },
  name: "TsRatings",
};
</script>
