feat: create a PlayerControlsScaffold

* Create a PlayerControlScaffold to define the playerOverlay
 layout
* Divide player components "MiddleControls", "BottomControls"
 into different files to make it more organized and easier to read
* Remove the customization modifier because it can be confusing and
each of your composable icons can have its own modifier set by whoever
creates it

Closes #32

androidenhancedvideoplayer/src/androidTest/java/com/profusion/androidenhancedvideoplayer/test/EnhancedVideoPlayerTest.kt

@@ -26,6 +26,7 @@ class EnhancedVideoPlayerTest {
             .assertIsDisplayed()
             .performClick()
 
-        composeTestRule.onNodeWithTag("PlayerControlsParent").assertIsDisplayed()
+        composeTestRule.onNodeWithTag("PlayerControlsParent", useUnmergedTree = true)
+            .assertIsDisplayed()
     }
 }

androidenhancedvideoplayer/src/androidTest/java/com/profusion/androidenhancedvideoplayer/test/PlayerControlsTest.kt

@@ -5,8 +5,8 @@ import androidx.compose.ui.test.assertIsDisplayed
 import androidx.compose.ui.test.junit4.createComposeRule
 import androidx.compose.ui.test.onNodeWithTag
 import androidx.compose.ui.test.performClick
-import com.profusion.androidenhancedvideoplayer.components.ControlsCustomization
-import com.profusion.androidenhancedvideoplayer.components.PlayerControls
+import com.profusion.androidenhancedvideoplayer.components.playerOverlay.ControlsCustomization
+import com.profusion.androidenhancedvideoplayer.components.playerOverlay.PlayerControls
 import org.junit.Rule
 import org.junit.Test
 

androidenhancedvideoplayer/src/main/java/com/profusion/androidenhancedvideoplayer/components/EnhancedVideoPlayer.kt

@@ -22,6 +22,8 @@ import androidx.media3.common.util.UnstableApi
 import androidx.media3.exoplayer.ExoPlayer
 import androidx.media3.ui.AspectRatioFrameLayout
 import androidx.media3.ui.PlayerView
+import com.profusion.androidenhancedvideoplayer.components.playerOverlay.ControlsCustomization
+import com.profusion.androidenhancedvideoplayer.components.playerOverlay.PlayerControls
 import com.profusion.androidenhancedvideoplayer.utils.setLandscape
 import com.profusion.androidenhancedvideoplayer.utils.setPortrait
 
@@ -120,7 +122,7 @@ fun EnhancedVideoPlayer(
                 }
             },
             customization = controlsCustomization,
-            modifier = Modifier.matchParentSize()
+            modifier = Modifier.matchParentSize().testTag("PlayerControlsParent")
         )
     }
 }

androidenhancedvideoplayer/src/main/java/com/profusion/androidenhancedvideoplayer/components/playerOverlay/BottomControls.kt

@@ -0,0 +1,42 @@
+package com.profusion.androidenhancedvideoplayer.components.playerOverlay
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.IntrinsicSize
+import androidx.compose.foundation.layout.absolutePadding
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.material3.IconButton
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.unit.dp
+
+private val BOTTOM_CONTROLS_HEIGHT = 50.dp
+
+@Composable
+fun BottomControls(
+    modifier: Modifier = Modifier,
+    isFullScreen: Boolean,
+    onFullScreenToggle: () -> Unit,
+    customization: ControlsCustomization
+) {
+    Box(
+        modifier = modifier
+            .fillMaxWidth()
+            .height(IntrinsicSize.Min)
+            .absolutePadding(4.dp)
+    ) {
+        IconButton(
+            onClick = onFullScreenToggle,
+            modifier = Modifier
+                .align(Alignment.CenterEnd)
+                .testTag("FullScreenToggleButton")
+        ) {
+            when (isFullScreen) {
+                true -> customization.exitFullScreenIconContent()
+                false -> customization.fullScreenIconContent()
+            }
+        }
+    }
+}

androidenhancedvideoplayer/src/main/java/com/profusion/androidenhancedvideoplayer/components/playerOverlay/MiddleControls.kt

@@ -0,0 +1,52 @@
+package com.profusion.androidenhancedvideoplayer.components.playerOverlay
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.material3.IconButton
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.testTag
+
+@Composable
+fun MiddleControls(
+    modifier: Modifier = Modifier,
+    isPlaying: Boolean,
+    hasEnded: Boolean,
+    customization: ControlsCustomization,
+    onPreviousClick: () -> Unit,
+    onNextClick: () -> Unit,
+    onPauseToggle: () -> Unit
+) {
+    Box(
+        modifier = modifier
+            .fillMaxWidth(),
+        contentAlignment = Alignment.Center
+    ) {
+        Row(
+            horizontalArrangement = Arrangement.SpaceEvenly,
+            verticalAlignment = Alignment.CenterVertically,
+            modifier = Modifier
+                .fillMaxWidth()
+        ) {
+            IconButton(onClick = onPreviousClick) {
+                customization.previousIconContent()
+            }
+            IconButton(
+                onClick = onPauseToggle,
+                modifier = Modifier.testTag("PauseToggleButton")
+            ) {
+                when {
+                    hasEnded -> customization.replayIconContent()
+                    isPlaying -> customization.pauseIconContent()
+                    else -> customization.playIconContent()
+                }
+            }
+            IconButton(onClick = onNextClick) {
+                customization.nextIconContent()
+            }
+        }
+    }
+}

androidenhancedvideoplayer/src/main/java/com/profusion/androidenhancedvideoplayer/components/playerOverlay/PlayerControls.kt

@@ -0,0 +1,69 @@
+package com.profusion.androidenhancedvideoplayer.components.playerOverlay
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.tooling.preview.Preview
+
+class ControlsCustomization(
+    val previousIconContent: @Composable () -> Unit = { PreviousIcon() },
+    val playIconContent: @Composable () -> Unit = { PlayIcon() },
+    val pauseIconContent: @Composable () -> Unit = { PauseIcon() },
+    val replayIconContent: @Composable () -> Unit = { ReplayIcon() },
+    val nextIconContent: @Composable () -> Unit = { NextIcon() },
+    val fullScreenIconContent: @Composable () -> Unit = { FullScreenIcon() },
+    val exitFullScreenIconContent: @Composable () -> Unit = { ExitFullScreenIcon() }
+)
+
+@Composable
+fun PlayerControls(
+    isVisible: Boolean,
+    isPlaying: Boolean,
+    isFullScreen: Boolean,
+    hasEnded: Boolean,
+    onPreviousClick: () -> Unit,
+    onPauseToggle: () -> Unit,
+    onNextClick: () -> Unit,
+    onFullScreenToggle: () -> Unit,
+    customization: ControlsCustomization,
+    modifier: Modifier = Modifier
+) {
+    PlayerControlsScaffold(
+        modifier = modifier.testTag("PlayerControlsParent"),
+        isVisible = isVisible,
+        topContent = { /* TODO */ },
+        bottomContent = {
+            BottomControls(
+                isFullScreen = isFullScreen,
+                onFullScreenToggle = onFullScreenToggle,
+                customization = customization
+            )
+        }
+    ) {
+        MiddleControls(
+            modifier = Modifier.weight(1f),
+            isPlaying = isPlaying,
+            hasEnded = hasEnded,
+            customization = customization,
+            onPreviousClick = onPreviousClick,
+            onNextClick = onNextClick,
+            onPauseToggle = onPauseToggle
+        )
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+private fun PreviewPlayerControls() {
+    PlayerControls(
+        isVisible = true,
+        isPlaying = true,
+        hasEnded = false,
+        isFullScreen = false,
+        onPreviousClick = {},
+        onPauseToggle = {},
+        onNextClick = {},
+        onFullScreenToggle = {},
+        customization = ControlsCustomization()
+    )
+}

androidenhancedvideoplayer/src/main/java/com/profusion/androidenhancedvideoplayer/components/playerOverlay/PlayerControlsScaffold.kt

@@ -0,0 +1,39 @@
+package com.profusion.androidenhancedvideoplayer.components.playerOverlay
+
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.animation.fadeIn
+import androidx.compose.animation.fadeOut
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.ColumnScope
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+
+@Composable
+fun PlayerControlsScaffold(
+    modifier: Modifier = Modifier,
+    isVisible: Boolean,
+    topContent: @Composable ColumnScope.() -> Unit,
+    bottomContent: @Composable ColumnScope.() -> Unit,
+    content: @Composable ColumnScope.() -> Unit
+) {
+    AnimatedVisibility(
+        visible = isVisible,
+        enter = fadeIn(),
+        exit = fadeOut(),
+        modifier = modifier
+            .background(Color.Black.copy(alpha = 0.6f))
+    ) {
+        Column(
+            modifier = Modifier.fillMaxSize(),
+            verticalArrangement = Arrangement.SpaceBetween
+        ) {
+            topContent()
+            content()
+            bottomContent()
+        }
+    }
+}

androidenhancedvideoplayer/src/main/java/com/profusion/androidenhancedvideoplayer/components/PlayerIcons.kt → androidenhancedvideoplayer/src/main/java/com/profusion/androidenhancedvideoplayer/components/playerOverlay/PlayerIcons.kt

@@ -1,4 +1,4 @@
-package com.profusion.androidenhancedvideoplayer.components
+package com.profusion.androidenhancedvideoplayer.components.playerOverlay
 
 import androidx.compose.foundation.Image
 import androidx.compose.runtime.Composable