title: Handle click event in the modalBottomsheet content in jetpack compose
body: <p>I Have a ModalBottomSheet and I want to change a boolean value after clicking on the bottom sheet transparent background. How can I access this view click listener?</p>
  <p>I don't want to use BottomSheetScaffold.</p>
  <pre><code>fun ScheduleJobFromQueuedBottomSheet(
      viewModel: ProductViewModel,
      onClickCancel: () -&gt; Unit,
      onQueuedScheduleRequestResultIsBack: () -&gt; Unit,
  ) {
  **var state by remember { mutableStateOf(false) }**
  
  val bottomSheetState: ModalBottomSheetState =
          rememberModalBottomSheetState(ModalBottomSheetValue.Expanded, confirmStateChange = {
              it != ModalBottomSheetValue.HalfExpanded
          }, animationSpec = TweenSpec(durationMillis = 300, delay = 10))
  
  
      ModalBottomSheetLayout(
          sheetState = bottomSheetState,
          sheetShape = RoundedCornerShape(topStart = custom, topEnd = custom),
          scrimColor = ModalBottomSheetDefaults.scrimColor.copy(alpha = 0.40f),
          sheetContent = {
              ReviewBookingScheduledBottomSheet(modifier = Modifier
                  .fillMaxWidth()
                  .wrapContentHeight(),
                  viewModel = viewModel,
                  onClickCancel = {
                      onClickCancel.invoke()
                  }, onScheduledRequestResultIsBack = {
                      onQueuedScheduleRequestResultIsBack.invoke()
                  })
          }
      ) {
  
      }
  }
  </code></pre>
  <p>I want to change the state value by clicking on the bottom sheet background (Not bottomsheet content)</p>