import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button, Modal } from "antd";
import { CrossCircle } from "../../../Components/Icons/CrossCircle";
import { useState } from "react";
export const UnsuccessfulLoginModal = ({ redirect }) => {
    const [isVisible, setIsVisible] = useState(window.localStorage.getItem("isSigningUserUknown") === "true");
    const clearIsSigningUserUknown = () => {
        window.localStorage.removeItem("isSigningUserUknown");
    };
    return (_jsxs(Modal, { closeIcon: _jsx(CrossCircle, {}), visible: isVisible, okText: "Yes", cancelText: "No", onCancel: () => {
            clearIsSigningUserUknown();
            setIsVisible(false);
        }, footer: false, className: "nl-white-box-modal", children: [_jsxs("div", { className: "text-left", children: [_jsx("h2", { className: "header-1b", children: "Oops!" }), _jsx("p", { className: "u-margin-top-large paragraph-1r", children: "Looks like this phone number is not registered." }), _jsx("p", { className: "u-margin-top-medium u-margin-bottom-medium  paragraph-1r", children: "You will need to be an existing member from the mobile app, or have an invite to sign up." }), _jsx("p", { className: "u-margin-bottom-mega paragraph-1r", children: "Import your account if you are registered on newlife mobile, or please sign up with your invite code." })] }), _jsx(Button, { className: "nl-button-primary", onClick: () => {
                    clearIsSigningUserUknown();
                    redirect({ location: "/auth/newlife-members" });
                }, children: _jsx("p", { className: "paragraph-1b", children: "I have a mobile account" }) }), _jsx(Button, { className: "nl-button-primary", onClick: () => {
                    clearIsSigningUserUknown();
                    setIsVisible(false);
                }, children: _jsx("p", { className: "paragraph-1b", children: "Sign up" }) })] }));
};
//# sourceMappingURL=UnsuccessfulLoginModal.js.map