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>
    )
}
