MonthlyCapPreview.kt

@Composable
fun MonthlyCapPreview(monthlyPreview: List<Pair<String, Float>>) {
    Column(horizontalAlignment = Alignment.CenterHorizontally) {
        val maxMonthValue = monthlyPreview.maxBy { it.second }.second
        Row(
            modifier = Modifier.fillMaxHeight(.8f),
            verticalAlignment = Alignment.Bottom
        ) {
            for (pairPreview in monthlyPreview) {
                val columnHeightWeight = pairPreview.second / maxMonthValue
                Card(
                    modifier = Modifier
                        .weight(1f)
                        .fillMaxHeight(columnHeightWeight)
                        .padding(5.dp)
                ) { }
            }
        }

        Row(
            verticalAlignment = Alignment.CenterVertically
        ) {
            for (pairPreview in monthlyPreview) {
                Text(
                    modifier = Modifier.weight(1f),
                    text = pairPreview.first,
                    textAlign = TextAlign.Center
                )
            }
        }
    }
}