TUGAS 2 PPB F

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).
  }
}