LookaheadAnimationVisualDebugging

@Composable
@ExperimentalLookaheadAnimationVisualDebugApi
fun LookaheadAnimationVisualDebugging(
    isEnabled: Boolean = true,
    overlayColor: Color = Color(0x8034A853),
    multipleMatchesColor: Color = Color(0xFFEA4335),
    unmatchedElementColor: Color = Color(0xFF9AA0A6),
    isShowKeyLabelEnabled: Boolean = false,
    content: @Composable () -> Unit
): Unit

import androidx.compose.animation.AnimatedVisibility
import androidx.compose.animation.LookaheadAnimationVisualDebugging
import androidx.compose.animation.SharedTransitionLayout
import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.offset
import androidx.compose.foundation.layout.size
import androidx.compose.runtime.mutableStateOf
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp

var isExpanded by mutableStateOf(false)
// Wrap content with LookaheadAnimationVisualDebugging to enable visual debugging.
// Optional parameters allow color customization and decision of whether to show key labels.
// Note that enabling LookaheadAnimationVisualDebugging affects the entire UI subtree generated
// by the content lambda. It applies to all descendants, regardless of whether they are defined
// within the same lexical scope.
LookaheadAnimationVisualDebugging(isShowKeyLabelEnabled = true) {
    SharedTransitionLayout(Modifier.fillMaxSize().clickable { isExpanded = !isExpanded }) {
        AnimatedVisibility(visible = isExpanded) {
            Box(
                Modifier.offset(100.dp, 100.dp)
                    .size(200.dp)
                    .sharedElement(
                        rememberSharedContentState(key = "box"),
                        animatedVisibilityScope = this,
                    )
                    .background(Color.Red)
            )
        }
        AnimatedVisibility(visible = !isExpanded) {
            Box(
                Modifier.offset(0.dp, 0.dp)
                    .size(50.dp)
                    .sharedElement(
                        rememberSharedContentState(key = "box"),
                        animatedVisibilityScope = this,
                    )
                    .background(Color.Blue)
            )
        }
    }
}