@Composable
fun UserCard(user: User, onClick: (Int) -> Unit) {
Card(
modifier = Modifier.fillMaxWidth().padding(8.dp).clickable { onClick(user.id) },
elevation = CardDefaults.cardElevation(defaultElevation = 4.dp)
) {
Row(modifier = Modifier.padding(16.dp)) {
Icon(Icons.Default.Person, contentDescription = "User")
Spacer(modifier = Modifier.width(12.dp))
Column {
Text(text = user.name, style = MaterialTheme.typography.titleMedium)
Text(text = user.email, style = MaterialTheme.typography.bodySmall)
}
}
}
}
@Preview(showBackground = true)
@Composable
fun PreviewUserCard() {
UserCard(User(1, "Ali Najimi", "ali@example.com"), onClick = {})
}