package com.example.tugasppb2
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.*
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.unit.dp
import com.example.tugasppb2.ui.theme.TugasPPB2Theme
data class Profile(
val name: String,
val email: String,
val phone: String,
val hobby : String,
val skills: List,
)
val profile = Profile(
name = "Samuel Berkat Hulu",
email = "samuelberkahulu@gmail.com",
phone = "082189767651"
hobby = "Volly"
skills = listOf("Python", "SQL", "C++")
)
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
TugasPPB2Theme {
Surface(
modifier = Modifier.fillMaxSize(),
color = MaterialTheme.colorScheme.background
) {
ProfileSection(profile)
HeaderSection()
}
}
}
}
}
@Composable
fun HeaderSection(){
Text(
text = "Hello World",
style = MaterialTheme.typography.headlineMedium,
textAlign = TextAlign.Center,
modifier = Modifier.padding(8.dp)
)
}
@Composable
fun ProfileSection(profile: Profile) {
Column(
modifier = Modifier.fillMaxSize(),
verticalArrangement = Arrangement.Center,
horizontalAlignment = Alignment.CenterHorizontally
) {
Text(
text = "Name: " + profile.name,
style = MaterialTheme.typography.bodyMedium,
modifier = Modifier.padding(8.dp)
)
Text(
text = "Email: " + profile.email,
style = MaterialTheme.typography.bodyMedium,
modifier = Modifier.padding(8.dp)
)
Text(
text = "Phone: " + profile.phone,
style = MaterialTheme.typography.bodyMedium,
modifier = Modifier.padding(8.dp)
)
Text(
text = "Skills: " + profile.skills.joinToString(", "),
style = MaterialTheme.typography.bodyMedium,
modifier = Modifier.padding(8.dp)
)
Text(
text = "hobby : " + profile.hobby,
style = MaterialTheme.typography.bodyMedium,
modifier = Modifier.padding(8.dp).
}
}