@Composable
fun ItemColorStateful() {
    var index by remember { mutableStateOf(-1) }
    val vm = koinViewModel<ColorViewModel>()
    LaunchedEffect(key1 = index) {
        vm.changeBackgroundColor(index)
    }
    Column(modifier = Modifier.fillMaxSize()) {
        Text(text = "Different Color")
        ButtonScopeStateless(
            index = index,
            onIndexChange = {
                index = it
            },
            backgroundColor = vm.backgroundColor
        )
    }
}

class ColorViewModel : BaseViewModel() {
    var backgroundColor by mutableStateOf(Color.Blue)

    fun changeBackgroundColor(index: Int) {
        backgroundColor = if (index != -1) {
            Color.Gray
        } else {
            Color.Blue
        }
    }
}

@Composable
fun ButtonScopeStateless(
    index: Int,
    onIndexChange: (Int) -> Unit,
    backgroundColor: Color,
) {
    Button(
        colors = ButtonDefaults.buttonColors(backgroundColor = backgroundColor),
        onClick = { onIndexChange(index + 1) }
    ) {
        Text(text = "Click Me $index")
    }
}

Composable