Variable CoHostModal`Const`

CoHostModal: React.FC<CoHostModalOptions> = ...

CoHostModal assigns and configures co-hosts for an event. It surfaces participant selection, responsibility toggles, and communicates updates through socket calls, while supporting custom theming and render overrides.

Key Features

Presents participant picker excluding admins and current co-host.
Toggles responsibility and "dedicated" flags with live preview.
Persists changes via modifyCoHostSettings by default.
Supports render overrides for bespoke layouts and animated containers.

Accessibility

Switch components include visual and state feedback.
Close button and save action expose accessibility roles and labels implicitly.

Param: props

Modal configuration and callbacks.

Returns

Rendered co-host management modal.

Example: Basic usage with default handlers.

<CoHostModal
  isCoHostModalVisible={visible}
  onCoHostClose={hide}
  participants={participants}
  coHostResponsibility={responsibilities}
  roomName={roomId}
  socket={socket}
  updateCoHost={setCoHost}
  updateCoHostResponsibility={setResponsibilities}
  updateIsCoHostModalVisible={setVisible}
/>

Example: Custom content with animated container.

<CoHostModal
  {...props}
  renderContent={({ defaultContent }) => (
    <ScrollView showsVerticalScrollIndicator={false}>
      {defaultContent}
    </ScrollView>
  )}
  renderContainer={({ defaultContainer }) => (
    <FadeIn>{defaultContainer}</FadeIn>
  )}
/>