Search box with icons and edit text

SearchBox.kt

@Composable
fun SearchBox(
  onBackClick: () -> Unit,
) {
  var searchText by remember { mutableStateOf("") }
  
  Row(
    horizontalArrangement = Arrangement.spaced(16.dp),
  ) {
    Icon(
      vector = Icons.Default.BackArrow,
      modifier = Modifier.clickable { onBackClick() }
    )
    
    BasicTextField(
      onValueChange = { value -> 
        searchText = value
        onNewSearchText(value) 
      }
    )
    
    // Show 'clear text' icon only when text field has some value
    if (!searchText.isBlank()) {
     Icon(
        vector = Icons.Default.BackArrow,
        modifier = Modifier.clickable { searchText = "" }
      ) 
    }
    
  }
}