zeichen-app-android/app/src/main/java/sh/modal/apps/zeichen/components/Navigation.kt

package sh.modal.apps.zeichen.components

import androidx.compose.material.BottomNavigation
import androidx.compose.material.BottomNavigationItem
import androidx.compose.material.Icon
import androidx.compose.material.Text
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.outlined.Delete
import androidx.compose.material.icons.outlined.Note
import androidx.compose.material.icons.outlined.Person
import androidx.compose.runtime.Composable
import androidx.compose.ui.tooling.preview.Preview
import sh.modal.apps.zeichen.ui.theme.ZeichenTheme

@Composable
fun Navigation() {
    BottomNavigation {
        BottomNavigationItem(
            icon = { Icon(Icons.Outlined.Note, contentDescription = null) },
            label = { Text("Notes") },
            selected = true,
            onClick = { /*TODO*/ }
        )
        BottomNavigationItem(
            icon = { Icon(Icons.Outlined.Delete, contentDescription = null) },
            label = { Text("Bin") },
            selected = false,
            onClick = { /*TODO*/ }
        )
        BottomNavigationItem(
            icon = { Icon(Icons.Outlined.Person, contentDescription = null) },
            label = { Text("User") },
            selected = false, onClick = { /*TODO*/ }
        )
    }
}

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    ZeichenTheme {
        Navigation()
    }
}