TwoWayScrollableList(
    rowItems = (0..10).map { it.toString() },
    listSize = 100,
)


@Composable
fun TwoWayScrollableList(
    rowItems: List<String>,
    listSize: Int,
) {

    val states = (0..listSize).map { rememberLazyListState() }
    val scope = rememberCoroutineScope()
    val scrollState = rememberScrollableState { delta ->
        scope.launch {
            states.forEach {
                it.scrollBy(-delta)
            }
        }
        delta
    }

    LazyColumn(
        modifier = Modifier.scrollable(scrollState, Orientation.Horizontal, flingBehavior = ScrollableDefaults.flingBehavior())
    ) {
        itemsIndexed(items = states) { _, item ->
            LazyRow(
                state = item,
                userScrollEnabled = false,
            ) {
                itemsIndexed(items = rowItems) { _, item ->
                    Text(
                        text = item,
                        textAlign = TextAlign.Center,
                        fontSize = 25.sp,
                        modifier = Modifier.width(100.dp).background(color = Color.Gray)
                    )
                }
            }
            Spacer(modifier = Modifier.height(2.dp))
        }
    }
}