Custom Modal Bottom Sheet On Jetpack Compose

SomePage.kt

@Composable
fun SomePage(){
    
    val animatedVisibility = produceState(initialValue = false){
        delay(2000)
        value = true
    }
    
  BoxWithConstraints{
  
    ...
    //layout

    
        if(animatedVisibility.value){
            Box(modifier = Modifier.fillMaxSize().background(   OnSurfaceColor.copy(alpha = 0.32f)))
        }

        AnimatedVisibility(animatedVisibility.value,
            modifier = Modifier.align(Alignment.BottomCenter),
            enter =   slideInVertically(
                initialOffsetY = { it/2 })
        ){
            Box(modifier = Modifier.fillMaxWidth().height(200.dp).background(Color.White)){

            }
        }

  
  }
  
}