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

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 className='mt-[56px] flex justify-center'>
                <Pagination />
            </div>
        </div>
    )
}

export default LatestArticles