import { jsxs, jsx } from 'react/jsx-runtime';
import Icon from '../Icon/Icon.js';
import Typography from '../Typography/Typography.js';

const NoDataContent = ({ iconName, iconWidth = 120, iconHeight = 115, text, textFontSize = '24px', textDirectionRow = false, gap = '40px', }) => {
    return (jsxs("div", { className: `no_data_message ${textDirectionRow && 'flex-row'}`, style: { gap: gap }, children: [jsx(Icon, { name: iconName, width: iconWidth, height: iconHeight }), jsx(Typography, { fontSize: textFontSize, lineHeight: "36px", fontWeight: "semi-bold", children: text })] }));
};

export { NoDataContent as default };
//# sourceMappingURL=NoDataContent.js.map
