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