var targetScreen by remember { mutableStateOf(Screens.Screen1) }

    val transition = updateTransition(targetScreen, label = "")
    transition.AppIntro(
      modifier = Modifier
        .fillMaxSize()
        .weight(0.8f),
      transitionSpec = {
        EnterExitTransition(
          getEnterAnimation(500, Easing.LinearEasing, EnterAnimation.SharedAxisXForward),
          getExitAnimation(500, Easing.LinearEasing, ExitAnimation.SharedAxisXBackward)
        )
      }
    ) {
      when (it) {
        Screens.Screen1 -> Screen1()
        Screens.Screen2 -> Screen2()
        Screens.Screen3 -> Screen3()
      }
    }
	  
	  

enum class Screens {
  Screen1,
  Screen2,
  Screen3
}

val items = OnBoardingItem.get()

@Composable
fun Screen1() {
  OnBoardingItem(items[0])
}

@Composable
fun Screen2() {
  OnBoardingItem(items[1])
}

@Composable
fun Screen3() {
  OnBoardingItem(items[2])
}
  

class OnBoardingItem(
  var title: Int,
  var text: Int,
  var image: Int,
) {

  companion object {

    fun get(): List<OnBoardingItem> {
      return listOf(
        OnBoardingItem(R.string.onBoardingTitle1, R.string.onBoardingText1, R.drawable.undraw_a),
        OnBoardingItem(R.string.onBoardingTitle2, R.string.onBoardingText2, R.drawable.undraw_b),
        OnBoardingItem(R.string.onBoardingTitle3, R.string.onBoardingText3, R.drawable.undraw_c),
      )
    }
  }
}

@Composable
fun OnBoardingItem(
  item: OnBoardingItem
) {
  Column(
    horizontalAlignment = Alignment.CenterHorizontally,
    verticalArrangement = Arrangement.Center,
    modifier = Modifier.fillMaxSize()
  ) {
    Image(painter = painterResource(item.image), contentDescription = null)

    Text(
      text = stringResource(item.title),
      fontSize = 24.sp,
      color = MaterialTheme.colors.onBackground,
      fontWeight = FontWeight.Bold
    )

    Text(
      text = stringResource(item.text),
      color = MaterialTheme.colors.onBackground.copy(alpha = 0.8f),
      textAlign = TextAlign.Center
    )
  }
}

  

 EnterAnimation.FadeIn
 EnterAnimation.SharedAxisXForward
 EnterAnimation.SharedAxisYForward
 EnterAnimation.SharedAxisZForward
 EnterAnimation.ElevationScale
 EnterAnimation.SlideIn
 EnterAnimation.SlideInHorizontally
 EnterAnimation.SlideInVertically
 EnterAnimation.ScaleIn
 EnterAnimation.ExpandIn
 EnterAnimation.ExpandHorizontally
 EnterAnimation.ExpandVertically

 ExitAnimation.FadeOut
 ExitAnimation.SharedAxisXBackward
 ExitAnimation.SharedAxisYBackward
 ExitAnimation.SharedAxisZBackward
 ExitAnimation.ElevationScale
 ExitAnimation.SlideOut
 ExitAnimation.SlideOutHorizontally
 ExitAnimation.SlideOutVertically
 ExitAnimation.ScaleOut
 ExitAnimation.ShrinkOut
 ExitAnimation.ShrinkHorizontally
 ExitAnimation.ShrinkVertically

Easing.FastOutSlowInEasing
Easing.LinearOutSlowInEasing
Easing.FastOutLinearInEasing
Easing.LinearEasing