import { Heart } from 'iconsax-react'
import Image from 'next/image'
import { FC } from 'react'

const ProductCard: FC = () => {
    return (
        <div className='bg-white rounded-[40px] p-6 w-full  max-w-[280px] mx-auto shadow'>
            <div className='flex justify-center'>
                <Image
                    src={`https://dkstatics-public.digikala.com/digikala-products/40026b18c2b053ac4a68c3288556dc899a77aecd_1727277566.jpg?x-oss-process=image/resize,m_lfit,h_300,w_300/format,webp/quality,q_80`}
                    width={170}
                    height={170}
                    alt=''
                    className='max-w-[150px] max-h-[150px] object-contain'
                />
            </div>

            <h4 className='line-clamp-2 text-[#383E43] mt-6 text-sm text-center leading-5'>
                شارژر دیواری 65 وات سامسونگ سه پورت Type-C مدل EP-T6530- اورجینال
            </h4>

            <div className='flex justify-end items-center gap-1.5 mt-4'>
                <div className='size-2 rounded-full bg-red-500'></div>
                <div className='size-2 rounded-full bg-red-500'></div>
                <div className='size-2 rounded-full bg-red-500'></div>
            </div>

            <div className='mt-5 text-sm'>
                260,000 تومان
            </div>
            <div className='mt-1 text-sm text-[#7F7F7F] line-through'>
                70,400,000
            </div>

            <div className='flex justify-end'>
                <Heart size={20} color='#000' />
            </div>
        </div>
    )
}

export default ProductCard