@Composable
fun FittingRow(
    modifier: Modifier = Modifier,
    itemSpacing: Dp = 0.dp,
    onPlaced: (numberOfItems: Int) -> Unit = {},
    content: @Composable () -> Unit,
) {
    Layout(
        modifier = modifier.wrapContentSize(),
        content = content,
    ) { measurables, constraints ->
        val placeables = measurables.map { it.measure(constraints) }
        val maxWidth = constraints.maxWidth

        layout(maxWidth, placeables.maxOf { it.height }) {
            var xPositionOfNext = 0
            var numberOfPlacedItems = 0

            placeables.forEach {
                if (xPositionOfNext + it.width > maxWidth) {
                    onPlaced(numberOfPlacedItems)
                    return@forEach
                }

                it.place(xPositionOfNext, 0)

                numberOfPlacedItems++
                xPositionOfNext += it.width + itemSpacing.toPx().toInt()
            }
        }
    }
}

@Composable
private fun Items(items: List<Int>, modifier: Modifier = Modifier) {
    Column(
        modifier,
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.spacedBy(16.dp),
    ) {
        var placedItems by remember { mutableStateOf(0) }

        FittingRow(itemSpacing = 0.dp, onPlaced = { placedItems = it }) {
            items.forEach { Trophy(it) }
        }

        Text("Placed items: $placedItems")
    }
}