import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import './NoDataContent.scss';
import Icon from '../Icon';
import Typography from '../Typography';
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 default NoDataContent;
//# sourceMappingURL=NoDataContent.js.map