import { useEffect } from 'react';

function App() {
  useEffect(() => {
    // Dynamically load the AI agent widget script
    const embedScript = document.createElement('script');
    embedScript.src = 'https://your-domain.com/widget/embed.js';
    embedScript.setAttribute('data-chatbot-id', 'YOUR_AGENT_ID_HERE'); // Replace with your Agent ID
    embedScript.async = true;
    
    document.head.appendChild(embedScript);

    return () => {
      // Cleanup the script and widget when the React component unmounts
      document.head.removeChild(embedScript);
      const widget = document.getElementById('chatbot-widget');
      if (widget) widget.remove();
    };
  }, []);

  return <div>Your application content here...</div>;
}