package com.suno.android.common_ui.components.omni

import androidx.compose.foundation.combinedClickable
import androidx.compose.foundation.gestures.detectTapGestures
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.BoxScope
import androidx.compose.foundation.layout.fillMaxHeight
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.width
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.input.pointer.pointerInput
import androidx.compose.ui.unit.dp

@Composable
fun BoxScope.OmniPlayerTapControlsOverlay(
    onCenterTap: () -> Unit,
    onCenterDoubleTap: () -> Unit,
    onLeftTap: () -> Unit,
    onRightTap: () -> Unit,
) {
    Box(
        modifier = Modifier
            .fillMaxSize()
            .pointerInput(Unit) {
                detectTapGestures(
                    onTap = { onCenterTap() },
                    onDoubleTap = { onCenterDoubleTap() },
                )
            },
    )

    Box(
        modifier = Modifier
            .fillMaxHeight()
            .width(64.dp)
            .align(Alignment.CenterStart)
            .combinedClickable(
                onClick = { onLeftTap() },
            ),
    )

    Box(
        modifier = Modifier
            .fillMaxHeight()
            .width(64.dp)
            .align(Alignment.CenterEnd)
            .combinedClickable(
                onClick = { onRightTap() },
            ),
    )
}