/**
 * Service Status Grid Component
 */

import type { ServiceStatus } from '../types';
import { ServiceCard } from './ServiceCard';

interface ServiceStatusGridProps {
  services: ServiceStatus[];
}

export function ServiceStatusGrid({ services }: ServiceStatusGridProps) {
  return (
    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
      {services.map((service) => (
        <ServiceCard key={service.name} service={service} />
      ))}
    </div>
  );
}