Merge "Set default focus for a11y in oobe tutorial screen." into main

import androidx.annotation.RawRes

import androidx.compose.animation.core.animateFloatAsState

import androidx.compose.foundation.background

import androidx.compose.foundation.focusable

import androidx.compose.foundation.layout.Arrangement

import androidx.compose.foundation.layout.Column

import androidx.compose.foundation.layout.Row

import androidx.compose.material3.MaterialTheme

import androidx.compose.material3.Text

import androidx.compose.runtime.Composable

import androidx.compose.runtime.LaunchedEffect

import androidx.compose.runtime.getValue

import androidx.compose.runtime.remember

import androidx.compose.ui.Modifier

import androidx.compose.ui.focus.FocusRequester

import androidx.compose.ui.focus.focusRequester

import androidx.compose.ui.graphics.Color

import androidx.compose.ui.graphics.graphicsLayer

import androidx.compose.ui.platform.LocalConfiguration

    config: TutorialScreenConfig,

    modifier: Modifier = Modifier,

) {

    val focusRequester = remember { FocusRequester() }

    LaunchedEffect(Unit) { focusRequester.requestFocus() }

    val (titleTextId, bodyTextId) =

        if (actionState is Finished) {

            config.strings.titleSuccessResId to config.strings.bodySuccessResId

            text = stringResource(id = titleTextId),

            style = MaterialTheme.typography.displayLarge,

            color = config.colors.title,

            modifier = Modifier.focusRequester(focusRequester).focusable(),

        )

        Spacer(modifier = Modifier.height(16.dp))

        Text(