"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CompaniesBlock = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const components_1 = require("../../components/index.js");
const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
const theme_1 = require("../../gravity-blocks/context/theme/index.js");
const grid_1 = require("../../gravity-blocks/grid/index.js");
const utils_1 = require("../../utils/index.js");
const b = (0, utils_1.block)('companies-block');
const CompaniesBlock = ({ title, description, images, animated }) => {
    const theme = (0, theme_1.useTheme)();
    const themedImages = (0, utils_1.getThemedValue)(images, theme) || {};
    return ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(), offset: 150, animate: animated, children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, colSizes: { all: 12, sm: 12 } }), (0, jsx_runtime_1.jsx)("div", { className: b('images'), children: (0, jsx_runtime_1.jsx)(components_1.Image, { ...themedImages, className: b('image') }) })] }) }) }));
};
exports.CompaniesBlock = CompaniesBlock;
exports.default = exports.CompaniesBlock;
//# sourceMappingURL=Companies.js.map
