Allow pausing touchpad tutorial animations on tap before gesture tracking has started.

import androidx.compose.animation.core.tween

import androidx.compose.animation.fadeOut

import androidx.compose.animation.togetherWith

import androidx.compose.foundation.clickable

import androidx.compose.foundation.layout.Box

import androidx.compose.foundation.layout.fillMaxSize

import androidx.compose.foundation.layout.fillMaxWidth

import androidx.compose.runtime.Composable

import androidx.compose.runtime.getValue

import androidx.compose.runtime.mutableStateOf

import androidx.compose.runtime.remember

import androidx.compose.runtime.saveable.rememberSaveable

import androidx.compose.runtime.setValue

import androidx.compose.ui.Alignment

import androidx.compose.ui.Modifier

import androidx.compose.ui.node.Ref

    animationProperties: LottieDynamicProperties,

) {

    val composition by rememberLottieComposition(LottieCompositionSpec.RawRes(educationAnimationId))

    var isPlaying by remember { mutableStateOf(true) }

    val progress by

        animateLottieCompositionAsState(composition, iterations = LottieConstants.IterateForever)

        animateLottieCompositionAsState(

            composition,

            iterations = LottieConstants.IterateForever,

            isPlaying = isPlaying,

            restartOnPlay = false,

        )

    LottieAnimation(

        composition = composition,

        progress = { progress },

        dynamicProperties = animationProperties,

        modifier = Modifier.fillMaxSize(),

        modifier = Modifier.fillMaxSize().clickable { isPlaying = !isPlaying },

    )

}