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

const NoDataAvailable = ({ isVisible }) => {
    if (!isVisible)
        return null;
    return (jsxs("div", { className: 'no_data_message', children: [jsx(Icon, { name: "no_content", width: 120, height: 120 }), jsx(Typography, { fontSize: "20px", lineHeight: "30px", fontWeight: "semi-bold", children: "No Data Available" })] }));
};

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