import { useNavigate } from "react-router-dom";

type PropsType = {
    setShowSelfSignWarnModal: (val: boolean) => void;
    onConfirm?: () => void;
};

const SelfSignWarnModal = ({ setShowSelfSignWarnModal }: PropsType) => {
    const navigate = useNavigate()

    return (
        <div className="fixed inset-0 backdrop-blur-sm bg-black/30 flex items-center justify-center z-50">
            <div className="bg-white rounded-lg shadow-xl p-6 w-100">
                <h3 className="text-lg font-medium text-gray-800 mb-4">Confirm Self Sign</h3>
                <p className="text-gray-600 mb-6">
                    Are you sure you want to proceed with self sign? This will remove all the recipient that you added.
                </p>
                <div className="flex justify-end gap-3">
                    <button
                        onClick={() => {
                            setShowSelfSignWarnModal(false);
                            navigate("./../");
                        }}

                        className="px-4 py-2 text-gray-600 hover:bg-gray-100 rounded-md transition-colors"
                    >
                        No
                    </button>
                    <button
                        onClick={() => {
                            // onConfirm();
                            setShowSelfSignWarnModal(false);
                        }}
                        className="px-4 py-2 bg-red-600 text-white hover:bg-red-700 rounded-md transition-colors"
                    >
                        Yes
                    </button>
                </div>
            </div>
        </div>
    );
};

export default SelfSignWarnModal;