LayoutContext

const LayoutContext: Context<LayoutContextType>;

// Basic — scope layout-aware children.
<LayoutContext>
  <FocusToggle />
</LayoutContext>

// Advanced — provide focus controls around a room layout.
function FocusControls() {
  const tracks = useTracks([{ source: Track.Source.Camera, withPlaceholder: true }]);

  return (
    <VoiceRoom agent={agent}>
      <LayoutContext>
        <GridLayout tracks={tracks}><ParticipantTile><FocusToggle /></ParticipantTile></GridLayout>
      </LayoutContext>
    </VoiceRoom>
  );
}