modifier = modifier
            .zoomable { coroutineScope.launch { state.zoom(it) } }
            .rawDragGestureFilter(object : DragObserver {
                override fun onDrag(dragDistance: Offset): Offset {
                    with(state) {
                        coroutineScope.launch { setTranslationX(translationX + dragDistance.x / pageWidth) }
                        translationY += dragDistance.y / pageHeight
                    }
                    return super.onDrag(dragDistance)
                }

                override fun onStart(downPosition: Offset) {
                    state.selectionState = PagerState.SelectionState.Undecided
                    super.onStart(downPosition)
                }

                override fun onStop(velocity: Offset) {
                    coroutineScope.launch { state.fling(velocity.x / pageWidth) }
                    super.onStop(velocity)
                }
            })