import { MapAgentChat } from './chat/MapAgentChat';
import { useMapAgent } from './useMapAgent';

export function App() {
    const chat = useMapAgent();

    return (
        <div id="app">
            <div id="sdk-map" />
            <div id="chat-panel">
                {chat.transport ? (
                    <MapAgentChat transport={chat.transport} />
                ) : (
                    <div id="chat-loading">Initializing assistant...</div>
                )}
            </div>
        </div>
    );
}