21 lines
548 B
TypeScript
21 lines
548 B
TypeScript
import { PostCard } from "./PostCard.tsx";
|
|
import { Post } from "../types/index.ts";
|
|
|
|
interface PostOpts {
|
|
posts: Post[];
|
|
}
|
|
|
|
export const PostCarousel = function PostCarousel({ posts }: PostOpts) {
|
|
return (
|
|
<div className="flex w-full justify-start items-start bg-[#313244] p-8">
|
|
<div className="max-w-7xl mx-auto">
|
|
<div className="flex flex-wrap justify-center gap-3">
|
|
{posts.map((post: Post) => (
|
|
<PostCard key={post.post_id} post={post} />
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|