import Image from 'next/image'
import productpic from '../public/productpic.webp'

export default function ProductCard({ image, desc }) {
    return (
        <div className="bg-red-950 w-fit flex flex-col mx-2 sm:mx-4" style={{boxShadow : "0px 32px 40px 0px rgba(0, 0, 0, 0.16)"}}>
            <div className="flex justify-center rounded-t-2xl w-full bg-white">
                <Image alt="" src={image} width={500} height={500} className="object-cover object-center"/>
            </div>
            <div className="bg-red-950 text-white text-sm sm:text-md p-4 sm:p-8">
                <p>{ desc }</p>
            </div>
        </div>
    )
}