<template>
  <div class="flex items-center space-x-3">
    <div class="flex-shrink-0">
      <div class="w-10 h-10 bg-gray-200 rounded-full"></div>
    </div>
    <div>
      <h4 class="font-medium">{{ name }}</h4>
      <div class="flex items-center">
        <div class="flex text-yellow-400">
          <span v-for="i in Number(rating)" :key="i">⭐</span>
        </div>
        <span class="text-sm text-gray-500 ml-2">{{ text }}</span>
      </div>
    </div>
  </div>
</template>

<script setup>
defineProps({
  name: String,
  rating: String,
  text: String
})
</script> 