Project Grid

1// Responsive projects grid + empty state. Styled with base44 design tokens (shadcn Tailwind classes).
2import ProjectCard from "./ProjectCard";
3
4export default function ProjectGrid({ projects, empty = "No projects yet." }) {
5  if (!projects?.length) {
6    return (
7      <p className="text-muted-foreground p-4 text-center">{empty}</p>
8    );
9  }
10  return (
11    <div className="grid gap-4 [grid-template-columns:repeat(auto-fill,minmax(240px,1fr))]">
12      {projects.map((p) => <ProjectCard key={p.id} project={p} />)}
13    </div>
14  );
15}