import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import * as React from 'react';
import { Image } from "../../../../../../components/index.js";
import { block } from "../../../../../../utils/index.js";
import './ContentWrapper.css';
const b = block('content-wrapper');
export const ContentWrapper = ({ text, icon, iconSize }) => {
    const iconSizeStyle = React.useMemo(() => (iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {}), [iconSize]);
    return (_jsxs(React.Fragment, { children: [icon && typeof icon !== 'string' && (_jsx(Image, { className: b('icon'), ...icon, style: iconSizeStyle })), _jsx("span", { className: b('text'), children: text })] }));
};
//# sourceMappingURL=ContentWrapper.js.map
