// popup-modal.js import React from "react"; import { __ } from "@wordpress/i18n"; const PopupModal = ({ isVisible, onClose }) => { const icons = require.context( "./assets/icons", false, /\.(png|svg|jpe?g|)$/ ); const AddBanner = icons(`./pro-banner-vector-laptop.svg`); if (!isVisible) return null; let logo = ( ); const handleOverlayClick = () => { onClose(); }; const handleContentClick = (e) => { e.stopPropagation(); }; return (
×
Popup
{logo}

{__( "Authenticate User Approval Process With New User Approve", "new-user-approve" )}

{__( "Join over 20,000 users who are making their WordPress sites free from spam registration and fake user signups", "new-user-approve" )}

); }; // Include styles in this file or import them as needed const styles = { popupOverlay: { position: "fixed", top: 0, left: 0, width: "100vw", height: "100vh", backgroundColor: "rgba(0, 0, 0, 0.5)", display: "flex", justifyContent: "center", alignItems: "center", zIndex: 10000, pointerEvents: "auto", backdropFilter: "blur(3px)", }, popupContent: { padding: "40px", }, closeButton: { fontSize: "35px", cursor: "pointer", }, }; export default PopupModal;