Merge "Add content description to OOBE tutorial animation." into main

    <string name="tutorial_action_key_success_title">Well done!</string>

    <!-- Text shown to the user after they complete action key tutorial [CHAR LIMIT=NONE] -->

    <string name="tutorial_action_key_success_body">You completed the view all apps gesture</string>

    <!-- Content description for the animation playing during the tutorial. The user can click the animation to pause and unpause playback. [CHAR LIMIT=NONE] -->

    <string name="tutorial_animation_content_description">Tutorial animation, click to pause and resume play.</string>

    <!-- Content description for keyboard backlight brightness dialog [CHAR LIMIT=NONE] -->

    <string name="keyboard_backlight_dialog_title">Keyboard backlight</string>

import androidx.compose.ui.Alignment

import androidx.compose.ui.Modifier

import androidx.compose.ui.node.Ref

import androidx.compose.ui.res.stringResource

import androidx.compose.ui.semantics.contentDescription

import androidx.compose.ui.semantics.semantics

import androidx.compose.ui.util.lerp

import com.airbnb.lottie.LottieComposition

import com.airbnb.lottie.compose.LottieAnimation

import com.android.systemui.inputdevice.tutorial.ui.composable.TutorialActionState.Finished

import com.android.systemui.inputdevice.tutorial.ui.composable.TutorialActionState.InProgress

import com.android.systemui.inputdevice.tutorial.ui.composable.TutorialActionState.NotStarted

import com.android.systemui.res.R

@Composable

fun TutorialAnimation(

            isPlaying = isPlaying,

            restartOnPlay = false,

        )

    val animationDescription = stringResource(R.string.tutorial_animation_content_description)

    LottieAnimation(

        composition = composition,

        progress = { progress },

        dynamicProperties = animationProperties,

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

        modifier =

            Modifier.fillMaxSize()

                .clickable { isPlaying = !isPlaying }

                .semantics { contentDescription = animationDescription },

    )

}