Dialog in jetpack compose

Dialog.kt

if(vm.isDialogOpen.value){
        Dialog(
            onDismissRequest = {
                vm.dismissDialog()
            },
            properties = DialogProperties(
                dismissOnBackPress = true,
                dismissOnClickOutside = true
            )
        ) {
            Card(
                modifier = Modifier
                    .fillMaxWidth()
            ){
                Column(
                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(12.dp)
                ){
                    Text("Heading")
                    Divider()
                    Text("Message?")
                    Row(
                        modifier = Modifier
                            .fillMaxWidth(),
                        horizontalArrangement = Arrangement.End
                    ){
                        TextButton(onClick = {
                            vm.onPositive()
                        }) {
                            Text("Positive")
                        }
                        Spacer(modifier = Modifier.width(12.dp))
                        TextButton(onClick = {
                            vm.onNegative()
                        }) {
                            Text("Negative")
                        }
                    }
                }
            }
        }
    }

ViewModel.kt

val isDialogOpen = mutableStateOf(false)
fun showDialog() {
    isDialogOpen.value = true
}

fun dismissDialog() {
    isDialogOpen.value = false
}

fun onPositive() {
    isDialogOpen.value = false
    //do the other stuffs
}

fun onNegative() {
    isDialogOpen.value = false
    //do the other stuffs
}