Ebube
22 lines
665 B
React
22 lines
665 B
React
import React from "react";
|
|
import ProductCardStyleOne from "../Cards/ProductCardStyleOne";
|
|
import DataIteration from "../Helpers/DataIteration";
|
|
|
|
export default function MainSection({ products }) {
|
|
return (
|
|
<div className="grid xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2 2xl:gap-8 xl:gap-5 gap-5 mb-6">
|
|
<DataIteration
|
|
datas={products}
|
|
startLength={process.env.REACT_APP_ZERO_STATE}
|
|
endLength={products.length}
|
|
>
|
|
{({ datas }) => (
|
|
<div key={datas.id + Math.random()} className="item">
|
|
<ProductCardStyleOne datas={datas} />
|
|
</div>
|
|
)}
|
|
</DataIteration>
|
|
</div>
|
|
);
|
|
}
|