// Ejemplo de cómo integrar BroadcastStudio en Studio.tsx existente

import { LiveKitBroadcastWrapper } from './broadcast'

// Reemplazar la sección de render actual con:

// Opción 1: Reemplazar completamente StudioVideoArea con BroadcastStudio
{!isDemoMode && token && serverUrl && (
  <LiveKitBroadcastWrapper
    token={token}
    serverUrl={serverUrl}
    userName={userName}
    roomName={roomName}
    onDisconnect={() => {
      console.log('Desconectado del estudio')
      setIsDemoMode(true)
    }}
  />
)}

// Opción 2: Usar solo dentro del LiveKitRoom existente
<LiveKitRoom token={token} serverUrl={serverUrl} ...>
  <BroadcastStudio />
</LiveKitRoom>

// Opción 3: Modo híbrido - Toggle entre vista clásica y BroadcastStudio
const [useBroadcastUI, setUseBroadcastUI] = useState(false)

{useBroadcastUI ? (
  <BroadcastStudio />
) : (
  <>
    <StudioVideoArea ... />
    <StudioControls ... />
  </>
)}