website-session-kit
Version:
A modular and extensible session management toolkit for modern websites.
11 lines (10 loc) • 1.03 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import LpContentContainer from '../../containers/LpContentContainer';
const TestimonialSection = ({ title, imagesUrl, bgColor = 'bg-white', grafismColor = '#e16a3d', className = '', containerHeight, containerClassName, }) => {
const columns = [[], [], []];
imagesUrl.forEach((image, index) => {
columns[index % 3].push(image);
});
return (_jsx(LpContentContainer, { title: title, grafismColor: grafismColor, containerBgColor: bgColor, containerHeight: containerHeight, containerClassName: containerClassName, children: _jsx("div", { className: `grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ${className}`, children: columns.map((column, colIndex) => (_jsx("div", { className: "flex flex-col gap-4", children: column.map((url, index) => (_jsx("img", { src: url, alt: `Imagem ${index + 1}`, className: "w-full h-auto border border-gray-300 rounded-lg shadow-md object-cover" }, index))) }, colIndex))) }) }));
};
export default TestimonialSection;