import { Review } from '~/src/lib/api/data/reviews';
import { ProductRating } from '#/layout/ui/playground/ProductRating';

export const ProductReviewCard = ({ review }: { review: Review }) => {
  return (
    <div className="space-y-4">
      <div className="space-y-2">
        <div className="flex items-center space-x-2">
          <div className="h-6 w-6 rounded-full bg-gray-700" />
          <div className="text-sm text-white">{review.name}</div>
        </div>

        {review.rating ? <ProductRating rating={review.rating} /> : null}
      </div>

      <div className="text-gray-400">{review.text}</div>
    </div>
  );
};