27 lines
697 B
TypeScript
27 lines
697 B
TypeScript
"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>
|
|
);
|
|
} |