class MainActivity : ComponentActivity() {
   override fun onCreate(savedInstanceState: Bundle?) {
      super.onCreate(savedInstanceState)
      setContent {
         Pager4Theme {
            MainScreen()
         }
      }
   }
}

@OptIn(ExperimentalAnimationApi::class)
@Composable
fun MainScreen() {
   val navController = rememberAnimatedNavController()
   Scaffold(bottomBar = {
      PageTabBar(navController = navController, modifier = Modifier.height(100.dp))
   }) { innerPadding ->
      PagesNavHost(
         navController = navController, modifier = Modifier.padding(innerPadding)
      )
   }
}

@OptIn(ExperimentalAnimationApi::class)
@Composable
fun PagesNavHost(
   modifier: Modifier = Modifier,
   navController: NavHostController,
   startDestination: String = "page_plans"
) {
   AnimatedNavHost(modifier = modifier,
      navController = navController,
      startDestination = startDestination) {
      composable("page_plans") { PlansPage() }
      composable("page_maps") { MapsPage() }
      composable("page_status") { StatusPage() }
      composable("page_settings") { SettingsPage() }
   }
}

import com.google.accompanist.navigation.animation.AnimatedNavHost
import com.google.accompanist.navigation.animation.rememberAnimatedNavController

• Replace

import androidx.navigation.compose.composable

with

import com.google.accompanist.navigation.animation.composable

NavHost

AnimatedNavHost

AnimatedNavHost

com.google.accompanist.navigation.animation.composable

androidx.navigation.compose.composable

bottomSheet