import { type FC } from 'react'
import { type ProductType } from '@/pages/request/type/Types'
import PresignedImage from '@/components/PresignedImage'

const ServiceItem: FC<{ product: ProductType }> = ({ product }) => {
    return (
        <div>
            <div className='size-20 rounded-full bg-gray-200 border-[3px] border-primary overflow-hidden'>
                {product.images?.[0] ? (
                    <PresignedImage
                        src={product.images[0]}
                        alt={product.title}
                        className='w-full h-full object-cover'
                    />
                ) : null}
            </div>
        </div>
    )
}

export default ServiceItem
