import articles from '@/data/articles.json';
import Article from "./Article";

function LatestArticles() {
    return (
        <div>
            <p className="text-[#3B3B3B] text-[20px] font-bold my-[24px]">جدیدترین مقاله ها</p>
            <ul className="grid grid-cols-3 gap-6">
                {articles.map(item => (
                    <Article
                        data={item}
                        key={item.id}
                    />
                ))}
            </ul>
        </div>
    )
}

export default LatestArticles