@Composable
fun MyApp() {
  val appState = rememberMyAppState()

  MyTheme {
    Box {
      AppNavigation(navController = appState.navHostController)

      // TODO add global loading composable here.

      SnackbarHost(
        hostState = appState.snackbarHostState,
        modifier = Modifier.align(Alignment.BottomCenter)
          .padding(bottom = 48.dp),
      )
    }
  }
}
class MyAppState(
  val coroutineScope: CoroutineScope,
  val snackbarHostState: SnackbarHostState,
  val navHostController: NavHostController
) {

  fun showSnackbar(
    message: String,
    actionLabel: String? = null,
    duration: SnackbarDuration = SnackbarDuration.Short
  ) {
    coroutineScope.launch {
      snackbarHostState.showSnackbar(
        message = message,
        actionLabel = actionLabel,
        duration = duration
      )
    }
  }
}
@Composable
fun rememberMyAppState(
  snackbarShowScope: CoroutineScope = rememberCoroutineScope(),
  snackbarHostState: SnackbarHostState = remember { SnackbarHostState() },
  navHostController: NavHostController = rememberAnimatedNavController(),
) = remember(
  snackbarShowScope, snackbarHostState, navHostController
) {
  MyAppState(
    coroutineScope = snackbarShowScope,
    snackbarHostState = snackbarHostState,
    navHostController = navHostController
  )
}

showSnackbar