import React, { useState, useEffect } from 'react';
import { useWemeetAdmin } from '../../App/WemeetAdminContext';
import '../../scss/common/_get_pro.scss';
import CountdownTimer from './CountdownTimer';
import { langString } from '../../Helpers';

const GetProModal = () => {
  const { isModalOpen, closeProModal } = useWemeetAdmin();

  if (!isModalOpen) return null;


  return (
    <div className="wemeet-modal-overlay" onClick={closeProModal}>
      <div className="wemeet-modal" onClick={e => e.stopPropagation()}>
        <button className="wemeet-modal-close" onClick={closeProModal}>×</button>
        <div className="wemeet-modal-content">
          <h2>🎉 Upcoming Feature</h2>
          <p>This feature is under development and will be available soon.</p>
          
        </div>
      </div>
    </div>
  );
};

export default GetProModal;
