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 NestedPage23() {
    var showNextPage by remember { mutableStateOf(false) }

    if (showNextPage) {
        NestedPage24()
        return
    }

    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Text(
            text = "第23层页面",
            fontSize = 24.sp,
            fontWeight = FontWeight.Bold,
            color = Color(0xFF230000),
            modifier = Modifier.padding(bottom = 20.dp)
        )
        Text(
            text = "这是第331行内容",
            fontSize = 16.sp,
            color = Color(251, 21, 197),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第332行内容",
            fontSize = 16.sp,
            color = Color(12, 52, 244),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第333行内容",
            fontSize = 16.sp,
            color = Color(29, 83, 35),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第334行内容",
            fontSize = 16.sp,
            color = Color(46, 114, 82),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第335行内容",
            fontSize = 16.sp,
            color = Color(63, 145, 129),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第336行内容",
            fontSize = 16.sp,
            color = Color(80, 176, 176),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第337行内容",
            fontSize = 16.sp,
            color = Color(97, 207, 223),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第338行内容",
            fontSize = 16.sp,
            color = Color(114, 238, 14),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第339行内容",
            fontSize = 16.sp,
            color = Color(131, 13, 61),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第340行内容",
            fontSize = 16.sp,
            color = Color(148, 44, 108),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第341行内容",
            fontSize = 16.sp,
            color = Color(165, 75, 155),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第342行内容",
            fontSize = 16.sp,
            color = Color(182, 106, 202),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第343行内容",
            fontSize = 16.sp,
            color = Color(199, 137, 249),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第344行内容",
            fontSize = 16.sp,
            color = Color(216, 168, 40),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第345行内容",
            fontSize = 16.sp,
            color = Color(233, 199, 87),
            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 = "进入第24层",
                fontSize = 18.sp,
                fontWeight = FontWeight.Medium,
                color = Color.White
            )
        }
    }
}
