Post Grid

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