Collection Grid

1// Responsive collections grid + empty state. Styled with base44 design tokens (shadcn Tailwind classes).
2import CollectionCard from "./CollectionCard";
3
4export default function CollectionGrid({ collections, empty = "No collections yet." }) {
5  if (!collections?.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(280px,1fr))]">
12      {collections.map((c) => <CollectionCard key={c.id} collection={c} />)}
13    </div>
14  );
15}