import React from "react";

const TimeoutModal = ({ showModal, togglePopup, handleStayLoggedIn }) => {
    return (
        <div className="modal">
            <div
                isOpen={showModal}
                toggle={togglePopup}
                keyboard={false}
                backdrop="static"
                className="modal-dialog"
            >
                <div className="modal-content">
                    <h1>
                        {" "}
                        timeout - Your session is about to expire in 5 seconds
                        due to inactivity. You will be redirected to the login
                        page.
                    </h1>
                    <button
                        className="govuk-button"
                        onClick={handleStayLoggedIn}
                    >
                        Stay Logged In
                    </button>
                </div>
            </div>
            <div className="modal-backdrop fade show"></div>
        </div>
    );
};

export default TimeoutModal;