import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Icons from "../icons";
import Notification from "./index";
const NotificationItem = (props) => {
    return (_jsxs(Notification.Item, { severity: props.severity, className: props.visible ? "" : "hidden", theme: props.theme, onClick: () => {
            if (props.onClick) {
                props.onClick();
            }
            else if (props.href) {
                window.open(props.href, "_blank");
            }
        }, style: { cursor: props.href || props.onClick ? "pointer" : "unset" }, children: [props.children, _jsx(Notification.CloseBtn, { onClick: (e) => {
                    e.stopPropagation();
                    props.onClose();
                }, children: _jsx(Icons.NtfCross, { color: "#F9FCFF" }) })] }));
};
export default NotificationItem;
//# sourceMappingURL=notification-item.js.map