"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ContentWrapper = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const React = tslib_1.__importStar(require("react"));
const components_1 = require("../../../../../../components/index.js");
const utils_1 = require("../../../../../../utils/index.js");
const b = (0, utils_1.block)('content-wrapper');
const ContentWrapper = ({ text, icon, iconSize }) => {
    const iconSizeStyle = React.useMemo(() => (iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {}), [iconSize]);
    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [icon && typeof icon !== 'string' && ((0, jsx_runtime_1.jsx)(components_1.Image, { className: b('icon'), ...icon, style: iconSizeStyle })), (0, jsx_runtime_1.jsx)("span", { className: b('text'), children: text })] }));
};
exports.ContentWrapper = ContentWrapper;
//# sourceMappingURL=ContentWrapper.js.map
