import BlogCard from "@/components/blogs/BlogCard";
import type { BlogPost } from "@/data/blogs.data";
import type { Locale } from "@/lib/locales";

export default function BlogGrid({ locale, posts, readMore }: { locale: Locale; posts: BlogPost[]; readMore: string }) {
  return (
    <div className="grid gap-5 md:grid-cols-2 xl:grid-cols-3">
      {posts.map((post) => <BlogCard key={post.slug} locale={locale} post={post} readMore={readMore} />)}
    </div>
  );
}