'use client';

import React from 'react';
import ServiceCard, { type ServiceItem } from './ServiceCard'; // ایمپورت کامپوننت کارت و تایپ آن

interface ServicesGridProps {
  services: ServiceItem[];
}

const ServicesGrid: React.FC<ServicesGridProps> = ({ services }) => {
  return (
    <section className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
      {services.map((service, index) => (
        <ServiceCard key={service.id} service={service} index={index} />
      ))}
    </section>
  );
};

export default ServicesGrid;