VideosScreenStep1.kt

@Composable
fun VideosScreen(viewModel: VideosViewModel = hiltViewModel()) {
    val context = LocalContext.current
    val exoPlayer = remember(context) { ExoPlayer.Builder(context).build() }
    val videos by viewModel.videos.collectAsStateWithLifecycle()
    val playingItemIndex by viewModel.currentlyPlayingIndex.collectAsStateWithLifecycle()

    LazyColumn {
        itemsIndexed(items = videos, key = { _, video -> video.id }) { index, video ->
            VideoCard(
                videoItem = video,
                exoPlayer = exoPlayer,
                isPlaying = index == playingItemIndex,
                onClick = {
                    viewModel.onPlayVideoClick(exoPlayer.currentPosition, index)
                }
            )
        }
    }
}