You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
612 B
21 lines
612 B
3 years ago
|
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 bg-red-600 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;
|