import { FC } from 'react'
import BlogCard from './BlogCard'
import GridWrapper from '@/components/GridWrapper'

const Blogs: FC = () => {
    return (
        <div>
            <h4 className='text-[#012B4D] text-lg'>رسانه و مطالب  </h4>
            <div className='mt-2 flex gap-1 text-sm text-[#8C8C8C]'>
                برای مشاهده ی آخرین مطالب رسانه و مطالب <span className='text-primary'>اینجا کلیک کنید</span>
            </div>
            <div className='mt-10'>
                <GridWrapper desktop={5} mobile={1} gapDesktop={24} gapMobile={16} >
                    <BlogCard />
                    <BlogCard />
                    <BlogCard />
                    <BlogCard />
                    <BlogCard />
                </GridWrapper >
            </div>
        </div>
    )
}

export default Blogs