|
|
|
import React from "react";
|
|
|
|
|
|
|
|
import productImg from "./productImg.svg";
|
|
|
|
|
|
|
|
const ProductImage = () => {
|
|
|
|
return (
|
|
|
|
<section className="bg-white m-10 border-2 border-gray-300 p-4 rounded-lg">
|
|
|
|
<div className="w-4/12 flex flex-row h-72">
|
|
|
|
<div className="flex flex-col items-center ml-4 overflow-y-scroll">
|
|
|
|
{[0, 1, 2, 3, 4].map((item, index) => (
|
|
|
|
<img src={productImg} alt="" className=" w-20 rounded-sm mb-2" />
|
|
|
|
))}
|
|
|
|
</div>
|
|
|
|
<img src={productImg} alt="" className="h-full" />
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default ProductImage;
|