import Image from "next/image";

export default function ProductContainer(props) {
  return (
    <div className="col-12 col-lg-4 text-center h-100">
      <div className="content">
        <div className="bg-white">
          <Image
            src={props.imgurl}
            alt={props.imgalt}
            className="p-3"
            layout="intrinsic"
            width={300}
            height={300}
          />
        </div>
        <div className="">
          <h3 className="text-center">{props.title}</h3>
          <p>{props.text}</p>
          {props.children}
        </div>
      </div>
    </div>
  );
}
