package com.dong.maxhap.demos.test

import androidx.compose.foundation.layout.*
import androidx.compose.material.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp

@Composable
internal fun NestedPage22() {
    var showNextPage by remember { mutableStateOf(false) }

    if (showNextPage) {
        NestedPage23()
        return
    }

    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Text(
            text = "第22层页面",
            fontSize = 24.sp,
            fontWeight = FontWeight.Bold,
            color = Color(0xFF220000),
            modifier = Modifier.padding(bottom = 20.dp)
        )
        Text(
            text = "这是第316行内容",
            fontSize = 16.sp,
            color = Color(252, 68, 4),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第317行内容",
            fontSize = 16.sp,
            color = Color(13, 99, 51),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第318行内容",
            fontSize = 16.sp,
            color = Color(30, 130, 98),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第319行内容",
            fontSize = 16.sp,
            color = Color(47, 161, 145),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第320行内容",
            fontSize = 16.sp,
            color = Color(64, 192, 192),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第321行内容",
            fontSize = 16.sp,
            color = Color(81, 223, 239),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第322行内容",
            fontSize = 16.sp,
            color = Color(98, 254, 30),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第323行内容",
            fontSize = 16.sp,
            color = Color(115, 29, 77),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第324行内容",
            fontSize = 16.sp,
            color = Color(132, 60, 124),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第325行内容",
            fontSize = 16.sp,
            color = Color(149, 91, 171),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第326行内容",
            fontSize = 16.sp,
            color = Color(166, 122, 218),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第327行内容",
            fontSize = 16.sp,
            color = Color(183, 153, 9),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第328行内容",
            fontSize = 16.sp,
            color = Color(200, 184, 56),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第329行内容",
            fontSize = 16.sp,
            color = Color(217, 215, 103),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第330行内容",
            fontSize = 16.sp,
            color = Color(234, 246, 150),
            modifier = Modifier.padding(vertical = 4.dp)
        )

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

        Button(
            onClick = { showNextPage = true },
            modifier = Modifier
                .fillMaxWidth()
                .height(50.dp),
            colors = ButtonDefaults.buttonColors(
                backgroundColor = Color(0xFF2196F3)
            )
        ) {
            Text(
                text = "进入第23层",
                fontSize = 18.sp,
                fontWeight = FontWeight.Medium,
                color = Color.White
            )
        }
    }
}
