AnimeCard.kt

@Composable
private fun AnimeCard(animeModel: AnimeModel) {
    Card(
        shape = RoundedCornerShape(8.dp),
        modifier = Modifier
            .fillMaxWidth()
            .padding(8.dp, 4.dp),
        elevation = 8.dp,
        backgroundColor = if (animeModel.majorColor.isEmpty()) MaterialTheme.colors.primary
        else Color(android.graphics.Color.parseColor(animeModel.majorColor))
    ) {
        Row {
            CoilImage(
                modifier = Modifier
                    .padding(end = 8.dp)
                    .width(100.dp)
                    .height(100.dp),
                imageModel = animeModel.coverImage
            )
            Column(
                modifier = Modifier
                    .padding(end = 8.dp)
                    .align(Alignment.CenterVertically),
                verticalArrangement = Arrangement.Center
            ) {
                LazyRow(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
                    items(animeModel.genres, key = { it }) {
                        Text(
                            color = Color.White,
                            text = it,
                            fontSize = 10.sp,
                            modifier = Modifier
                                .background(Color.Gray, CircleShape)
                                .padding(8.dp, 4.dp)
                        )
                    }
                }

                Text(
                    text = animeModel.title,
                    fontSize = 16.sp,
                    maxLines = 1,
                    overflow = TextOverflow.Ellipsis,
                    fontWeight = FontWeight.Bold,
                    color = MaterialTheme.colors.onPrimary,
                    modifier = Modifier.fillMaxWidth()
                )
                Text(
                    text = "Average Score: ${animeModel.averageScore}%",
                    color = MaterialTheme.colors.onPrimary
                )
            }
        }
    }
}