import SessionRecorder from '@multiplayer-app/session-recorder-react-native'
import { type PropsWithChildren } from 'react'
import { View } from 'react-native'

interface ScreenRecorderViewProps extends PropsWithChildren {}

export const ScreenRecorderView = ({ children }: ScreenRecorderViewProps) => {
  // Callback ref to set the viewshot ref immediately when available
  const setViewShotRef = (ref: any | undefined) => {
    if (ref) {
      SessionRecorder.setViewShotRef?.(ref)
    }
  }

  return (
    <View ref={setViewShotRef} style={{ flex: 1 }}>
      {children}
    </View>
  )
}