import React from 'react'
import { ReviewCard } from './ReviewCard'

interface Review {
  id: string
  rating: number
  body: string
  createdAt: string | Date
  author: { id: string; name: string | null; image: string | null } | null
}

interface ReviewListProps { reviews: Review[] }

export function ReviewList({ reviews }: ReviewListProps) {
  if (reviews.length === 0) {
    return (
      <p style={{ color: 'var(--ov-slate)', fontFamily: 'var(--ov-font-sans)', fontSize: 'var(--ov-fs-sm)' }}>
        Sem reviews ainda. Sê o primeiro!
      </p>
    )
  }
  return (
    <div className="review-list">
      {reviews.map((r) => <ReviewCard key={r.id} review={r} />)}
    </div>
  )
}