Widget Notificación Confirmación Email

import React, { useState } from 'react';
import './App.css';

const App = () => {
  const [showNotification, setShowNotification] = useState(true);

  const handleClose = () => {
    setShowNotification(false);
  };

  const handleConfirm = () => {
    window.location.href = '/confirm-email';
  };

  return (
    <div className="App">
      {showNotification && (
        <div className="notification-overlay">
          <div className="notification-widget">
            <p>Please confirm your email to enjoy the content.</p>
            <div className="button-container">
              <button onClick={handleClose}>Close</button>
              <button onClick={handleConfirm}>Confirm Email</button>
            </div>
          </div>
        </div>
      )}
      <div className="content">
        <h1>Welcome to Our Website</h1>
        <p>Explore our amazing content and features.</p>
      </div>
    </div>
  );
};

export default App;