@Composable
fun BottomNavigationContainer(
    navController: NavController,
    viewModel: MainViewModelContract
) {
    val items = listOf(
        NavItem.Home,
        NavItem.Discover,
        NavItem.Contracts,
        NavItem.Card,
        <http://NavItem.Shop|NavItem.Shop>
    )
    NavigationBar(containerColor = White) {
        val navBackStackEntry by navController.currentBackStackEntryAsState()
        val currentRoute = navBackStackEntry?.destination?.route
        items.forEach { item ->
            NavigationBarItem(
                icon = {
                    Icon(
                        painterResource(id = item.icon),
                        contentDescription = stringResource(id = item.title),
                        modifier = Modifier.size(30.dp),
                    )
                },
                label = {
                    Text(
                        text = stringResource(id = item.title),
                        fontSize = 10.sp
                    )
                },
                alwaysShowLabel = true,
                selected = currentRoute == item.navigation.name,
                onClick = {
                    navControllerOnClick(
                        navController = navController,
                        navName = item.navigation.name,
                        extraOnClickAction = {
                            viewModel.subNavigationClicked(item.navigation)
                        }
                    )
                },
                colors = NavigationBarItemDefaults.colors(
                    selectedIconColor = BottomNavIconSelectedColor,
                    selectedTextColor = BottomNavIconSelectedColor,
                    unselectedIconColor = BottomNavIconUnSelectedColor,
                    unselectedTextColor = BottomNavIconUnSelectedColor
                )
            )
        }
    }
}