fun CompositionPlayerView(
    state: CompositionPlayerViewState,
    modifier: Modifier,
) {
    val context = LocalContext.current

    val player = remember(state.composition) {
        val composition = state.composition
        if (composition != null) {
            CompositionPlayer.Builder(context)
                .build()
                .apply {
                    setComposition(composition)
                    prepare()
                }
        } else {
            null
        }
    }

    AndroidView(
        factory = { ctx ->
            PlayerView(ctx).apply {
                this.player = player
                useController = false
                setEnableComposeSurfaceSyncWorkaround(true)
                resizeMode = RESIZE_MODE_ZOOM
            }
        },
        update = {
            it.player = player
        },
    )

    DisposableEffect(player) {
        onDispose {
            player?.pause()
            player?.stop()
            player?.release()
        }
    }
}