TopAppBar.kt

@Composable
fun TopAppBar(modifier: Modifier, backgroundColor: Color, onClickProfile: () -> Unit, onSearch: (String) -> Unit) {
    TopAppBar(title = {
        Row {
            Text(
                text = "AUDI APP STORE",
                color = MaterialTheme.colors.onPrimary,
                modifier = Modifier
                    .fillMaxWidth()
                    .height(60.dp)
                    .padding(16.dp),
                textAlign = TextAlign.Center,
                fontSize = 24.sp,
                fontWeight = FontWeight.Bold
            )
        }
    }, backgroundColor = backgroundColor, actions = {
        CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.medium) {
            IconButton(onClick = { /* TODO: Open search */ }) {
                Icon(
                    imageVector = Icons.Filled.Search, contentDescription = "", tint = MaterialTheme.colors.onPrimary
                )
            }
            IconButton(onClick = { onClickProfile.invoke() }) {
                Icon(
                    imageVector = Icons.Default.AccountCircle, tint = MaterialTheme.colors.onPrimary, contentDescription = ""
                )
            }
        }
    }, modifier = modifier
    )
}