bloomthemescard

HomeScreen.kt

@Composable
fun BloomThemesCard(list: List<Theme>) {
    LazyRow(
        contentPadding = PaddingValues(vertical = 8.dp),
        horizontalArrangement = Arrangement.spacedBy(8.dp)
    ) {
        items(list) { theme ->
            Card(
                modifier = Modifier
                    .size(136.dp)
                    .clickable { },
                elevation = 5.dp,
                shape = MaterialTheme.shapes.small,
            ) {
                Column {
                    Image(
                        painter = rememberImagePainter(theme.image),
                        contentDescription = null,
                        modifier = Modifier
                            .fillMaxWidth()
                            .height(96.dp),
                        contentScale = ContentScale.Crop,
                    )
                    Row(
                        modifier = Modifier.fillMaxHeight(),
                        verticalAlignment = Alignment.CenterVertically
                    ) {
                        Text(
                            text = theme.name,
                            modifier = Modifier
                                .padding(horizontal = 16.dp),
                            style = MaterialTheme.typography.h2,
                            maxLines = 2,
                        )
                    }
                }
            }
        }
    }
}