---
import ReviewCard from "./ReviewCard.astro";
import type { Review } from "./ReviewCard.astro";

interface Props {
  reviews: Array<{
    review: Review;
    category: string;
  }>;
}

const { reviews } = Astro.props;
---

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-16" id="reviews-grid">
  {reviews.map(({ review, category }) => (
    <ReviewCard review={review} category={category} />
  ))}
</div>
