@Composable
fun FlipperContent(
    flipperSide: FlipperLayoutSide,
    onFlipperSideChanged: () -> Unit
) {
    FlipperLayout(
        modifier = Modifier.clickable {
            onFlipperSideChanged()
        },
        flipperSide = flipperSide,
        animationSpec = tween(300)
    ) {
        val text = if (it == FlipperLayoutSide.Front) "Front" else "Back"
        Box(
            Modifier
                .fillMaxWidth(0.5f)
                .aspectRatio(1f)
        ) {
            Image(
                painter = painterResource(
                    if (it == FlipperLayoutSide.Front) {
                        R.drawable.image0
                    } else {
                        R.drawable.image1
                    }
                ),
                contentDescription = text,
                contentScale = ContentScale.Crop
            )
            Text(
                text.uppercase(),
                modifier = Modifier.padding(12.dp),
                fontWeight = FontWeight.Bold,
                color = Color.White
            )
        }
    }
}

var flipperSide by remember {
    mutableStateOf(FlipperLayoutSide.Front)
}

FlipperContent(flipperSide) {
    flipperSide = flipperSide.flip()
}