@Composable
fun BottomAppBarComponent(): @Composable() ((BottomAppBar.FabConfiguration?) -> Unit)? = { conf ->
    var expanded by state { false }

    val iconButton = @Composable {
        IconButton(onClick = { expanded = true }) {
            Icon(Icons.Default.MoreVert)
        }
    }

    AnimatedBottomAppBarComponent(
        fabConfiguration = conf,
        content = {
            // The actions should be at the end of the BottomAppBar
            Spacer(Modifier.weight(1f, true))

            DropdownMenu(
                expanded = expanded,
                onDismissRequest = { expanded = false },
                toggle = iconButton,
                dropdownContent = {
                    DropdownMenuItem(onClick = {
                        Log.e("Test,", "test1")
                    }, enabled = true) {
                        Text("Refresh")
                    }
                    DropdownMenuItem(onClick = {Log.e("Test,", "test2")}, enabled = true) {
                        Text("Settings")
                    }
                    Divider()
                    DropdownMenuItem(onClick = {Log.e("Test,", "test3")}, enabled = true) {
                        Text("Send Feedback")
                    }
                }
            )

        }
    )