// TextWithTitle Example

package it372.ssmith.textwithtitle
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.activity.enableEdgeToEdge
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.layout.wrapContentHeight
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        setContent {
            // Display Main Screen
            MainScreen( )
        }
    }
}

@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
    // Preview Main Screen
    MainScreen( )
}

@Composable
fun MainScreen( ) {
    // Define Column to hold two Text elements.
    Column(modifier = Modifier
        .padding(all = 50.dp)
        .background(Color(0xFFF0F0F0))
        .fillMaxSize( ))
    {
        // Text element for title.
        Text(
            text = "TextWithTitle Example",
            modifier = Modifier
                .padding(bottom = 250.dp)
                .background(Color(0xFFE0E0FF))
                .size(width = 400.dp, height = 50.dp)
                .wrapContentHeight(
                    Alignment.CenterVertically),
            color = Color.Black,
            fontSize = 25.sp,
            textAlign = TextAlign.Center
        )

        // TextElement for Notable Item
        Text(
            text = "My Notable Item",
            modifier = Modifier
                .background(Color(0xFFFFFFE0))
                .size(width = 400.dp, height=60.dp)
                .wrapContentHeight(
                    Alignment.CenterVertically),
            color = Color.Black,
            fontSize = 30.sp,
            textAlign = TextAlign.Center
        )
    }
}