"use client";

import ProjectCard from './project-card';
import { Project } from '@/types/project';

interface ProjectGridProps {
  projects: Project[];
  viewMode: 'grid' | 'list';
}

export default function ProjectGrid({ projects, viewMode }: ProjectGridProps) {
  if (projects.length === 0) {
    return (
      <div className="text-center py-12">
        <p className="text-gray-500">No se encontraron proyectos</p>
      </div>
    );
  }

  return (
    <div className={`grid gap-6 ${viewMode === 'grid' ? 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3' : 'grid-cols-1'}`}>
      {projects.map((project) => (
        <ProjectCard key={project.id} project={project} />
      ))}
    </div>
  );
}