ComposeHorizontalList.kt

@Composable
fun CategoriesHorizontalList(modifier: Modifier = Modifier, data: List<String>) {
    val selectedHourState = remember { mutableStateOf(0) }
    Card(
        elevation = elevationDefault, shape = boxShapeDefault, modifier = Modifier.padding(8.dp)
    ) {
        LazyRow(
            modifier = modifier.background(MaterialTheme.colors.primary.copy(alpha = 0.9f)),
            horizontalArrangement = Arrangement.spacedBy(8.dp),
            contentPadding = PaddingValues(horizontal = 8.dp)
        ) {

            items(data) {
                val selected = (selectedHourState.value == data.indexOf(it))
                Box(
                    modifier = Modifier
                        .padding(8.dp)
                        .clip(shape = boxShapeDefault)
                        .background(if (selected) MaterialTheme.colors.primary else Color.White)
                        .clickable {
                            selectedHourState.value = data.indexOf(it)
                        },
                ) {
                    Text(
                        modifier = modifier.padding(8.dp),
                        text = it,
                        style = MaterialTheme.typography.overline,
                        color = if (selected) Color.White else Color.Black
                    )
                }
            }
        }
    }
}