15 lines
733 B
JavaScript
Executable File
15 lines
733 B
JavaScript
Executable File
import Image from 'next/image'
|
|
|
|
export default function ProductCard({ image, desc }) {
|
|
return (
|
|
<div className="flex w-[230px] shrink-0 flex-col overflow-hidden rounded-lg bg-red-950 sm:w-[270px] lg:w-[300px]" style={{boxShadow : "0px 32px 40px 0px rgba(0, 0, 0, 0.16)"}}>
|
|
<div className="flex aspect-square w-full items-center justify-center bg-white p-4">
|
|
<Image alt="" src={image} width={500} height={500} className="h-full w-full object-contain object-center"/>
|
|
</div>
|
|
<div className="flex min-h-24 items-center bg-red-950 p-4 text-sm text-white sm:p-6 sm:text-md">
|
|
<p className="line-clamp-3">{ desc }</p>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|