Ebube
24 lines
762 B
React
24 lines
762 B
React
import React from "react";
|
|
import ProductCardStyleOne from "../../Cards/ProductCardStyleOne";
|
|
import DataIteration from "../../Helpers/DataIteration";
|
|
|
|
export default function MainSection({ collectionData, className }) {
|
|
return (
|
|
<>
|
|
<div className={`w-full ${className || ""}`}>
|
|
<div className="grid xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2 2xl:gap-8 xl:gap-5 gap-5 mb-10">
|
|
<DataIteration
|
|
datas={collectionData}
|
|
startLength={process.env.REACT_APP_ZERO_STATE}
|
|
endLength={collectionData.length}
|
|
>
|
|
{({ datas }) => (
|
|
<ProductCardStyleOne key={datas.uniqKey} datas={datas} />
|
|
)}
|
|
</DataIteration>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|