import { useRef } from 'react';
import VirtualAssistant from './components/VirtualAssistant';

function App() {
  const assistantRef = useRef();

  const handleReady = ({ animationManager, positionManager }) => {
    console.log('Assistant ready!');
  };

  const handleSpeak = async () => {
    await assistantRef.current.speak(
      "Hello, how can I help you?",
      vmdBlobUrl,
      "talking"
    );
  };

  return (
    <>
      <VirtualAssistant ref={assistantRef} onReady={handleReady} />
      <button onClick={handleSpeak}>Speak</button>
    </>
  );
}

import ChatContainer from './components/ChatContainer';
import ChatInput from './components/ChatInput';

function ChatApp() {
  const handleSend = (text, images, audios) => {
    console.log('Message:', text);
    console.log('Images:', images.length);
    console.log('Audios:', audios.length);
  };

  const handleDragDrop = (data) => {
    console.log('Dropped data:', data);
  };

  return (
    <>
      <ChatContainer onDragDrop={handleDragDrop} />
      <ChatInput onSend={handleSend} />
    </>
  );
}

import BabylonScene from './components/BabylonScene';

function Custom3DApp() {
  const buildScene = async (canvas, engine, config) => {
    const scene = new Scene(engine);
    // ... setup camera, lights, meshes
    return scene;
  };

  const handleSceneReady = (scene) => {
    console.log('Scene ready!', scene);
  };

  const handleProgress = (progress) => {
    console.log('Loading:', progress + '%');
  };

  return (
    <BabylonScene
      sceneBuilder={buildScene}
      onSceneReady={handleSceneReady}
      onLoadProgress={handleProgress}
    />
  );
}