import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Image, Title } from "../../components/index.js";
import AnimateBlock from "../../components/AnimateBlock/AnimateBlock.js";
import { useTheme } from "../../gravity-blocks/context/theme/index.js";
import { Grid } from "../../gravity-blocks/grid/index.js";
import { block, getThemedValue } from "../../utils/index.js";
import './Companies.css';
const b = block('companies-block');
export const CompaniesBlock = ({ title, description, images, animated }) => {
    const theme = useTheme();
    const themedImages = getThemedValue(images, theme) || {};
    return (_jsx(AnimateBlock, { className: b(), offset: 150, animate: animated, children: _jsx(Grid, { children: _jsxs("div", { className: b('content'), children: [_jsx(Title, { title: title, subtitle: description, colSizes: { all: 12, sm: 12 } }), _jsx("div", { className: b('images'), children: _jsx(Image, { ...themedImages, className: b('image') }) })] }) }) }));
};
export default CompaniesBlock;
//# sourceMappingURL=Companies.js.map
