React from 'react'; import { Mic, MicOff, Phone, PhoneOff, AlertCircle, Info, Hexagon } from 'lucide-react'; import { useLiveAPI } from './hooks/use-live-api'; import AudioVisualizer from './components/AudioVisualizer'; import { ConnectionState } from './types'; const App: React.FC = () => { const { connect, disconnect, connectionState, error, volume } = useLiveAPI(); const handleToggleConnection = () => { if (connectionState === ConnectionState.CONNECTED || connectionState === ConnectionState.CONNECTING) { disconnect(); } else { connect(); } }; const isConnected = connectionState === ConnectionState.CONNECTED; const isConnecting = connectionState === ConnectionState.CONNECTING; return (