import { FC } from 'react'
import Image from 'next/image'
import { ArrowLeft, Calendar2, Profile } from 'iconsax-react'
const BigBlogItem: FC = () => {
    return (
        <div className='w-full rounded-4xl bg-white p-7 flex gap-6'>
            <Image src='https://picsum.photos/seed/picsum/200/300' alt='blog' width={300} height={300} className='size-[150px] object-cover rounded-4xl' />
            <div className='flex-1'>
                <h4 className='font-bold text-sm leading-6'>
                    سفارش نرم‌افزار اختصاصی: سرمایه‌ای برای آینده یا فقط هزینه‌ای برای امروز؟
                </h4>

                <div className='mt-3 flex gap-3 text-xs'>
                    <div className='flex text-[#7D818C] items-center gap-1'>
                        <Profile
                            size={18}
                            color='#7D818C'
                        />
                        <h6 className='text-sm'>
                            نویسنده
                        </h6>
                    </div>
                    <div className='flex text-[#7D818C] items-center gap-1'>
                        <Calendar2
                            size={18}
                            color='#7D818C'
                        />
                        <h6 className='text-sm'>
                            ۱۴۰۳/۱۲/۰۱
                        </h6>
                    </div>
                </div>

                <p className='mt-3 text-sm leading-5'>
                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه...
                </p>

                <div className='mt-3 flex gap-1 text-sm text-[#8C90A3]'>
                    <div>ادامه ی مطلب</div>
                    <ArrowLeft
                        size={18}
                        color='#8C90A3'
                    />
                </div>
            </div>
        </div>
    )
}

export default BigBlogItem