Besong

@Composable
private fun BottomNavigationComponent(
    modifier: Modifier = Modifier
) {

    // // Keep track of selected NavigationItem during recomposition and configuration changes
    val selectedItem = rememberSaveable { mutableStateOf(0) }

    val items = listOf(
        NavigationItem(0, navigationIcon = NavigationIcon(unselectedVectorResourceId = R.drawable.nav_home, selectedVectorResourceId = R.drawable.nav_home_2),

Besong

@Composable
private fun RowScope.BottomNavigationItem(
    selected: Boolean,
    @DrawableRes vectorResourceId: Int,
    onNavItemClicked: () -> Unit = {}
) {
    NavigationBarItem(
        icon = {
            Icon(
                imageVector = ImageVector.vectorResource(id = vectorResourceId),

Besong

@Composable
private fun BottomNavigationComponent(
 modifier: Modifier = Modifier
 ) {

    // Keep track of selected NavigationItem during recomposition
    val selectedItem = remember { mutableStateOf(0) } 

    val items = listOf(
        NavigationItem(0, navigationIcon = NavigationIcon(unselectedVectorResourceId = R.drawable.nav_home, selectedVectorResourceId = R.drawable.nav_home_2),

Besong

@Composable
private fun BottomNavigationComponent(
  modifier: Modifier = Modifier
) {
  
 
  var selectedItem = 0 // Value to keep track of the selected NavigationItem

    val items = listOf(
        NavigationItem(0, navigationIcon = NavigationIcon(unselectedVectorResourceId = R.drawable.nav_home, selectedVectorResourceId = R.drawable.nav_home_2),

Besong

@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
    GoogleFontsIntoM3Theme { // GoogleFontsIntoM3Theme is my project's theme
        Greeting("World")
    }
}

Besong

Text(
            text = "Hello, $name!",
            modifier = modifier,
            style = MaterialTheme.typography.displayLarge
        )

Besong

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Column(modifier = modifier.fillMaxSize(),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally) {

        Text(
            text = "Hello, $name!",
            modifier = modifier
        )

Besong

val Typography = Typography(
    bodyLarge = TextStyle(
        fontFamily = FontFamily.Default,
        fontWeight = FontWeight.Normal,
        fontSize = 16.sp,
        lineHeight = 24.sp,
        letterSpacing = 0.5.sp
    ),
    
    displayLarge = TextStyle(

Besong

displayLarge = TextStyle(
        fontFamily = FontFamily(Font(R.font.montserrat_semibold)),
        fontWeight = FontWeight.SemiBold,
        lineHeight = 23.sp,
        fontSize = 30.sp,
        letterSpacing = 2.sp
    )

Besong

val Typography = Typography(
    bodyLarge = TextStyle(
        fontFamily = FontFamily.Default,
        fontWeight = FontWeight.Normal,
        fontSize = 16.sp,
        lineHeight = 24.sp,
        letterSpacing = 0.5.sp
    )
    
    /* Other default text styles to override