22 lines
706 B
TypeScript
22 lines
706 B
TypeScript
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
|