Compose Forecast Header

compose_forecast_header.kt

fun ForecastHeader(
    state: ForecastItem.ForecastHeader,
    modifier: Modifier = Modifier,
) {
    Column(
        modifier = modifier,
        horizontalAlignment = Alignment.CenterHorizontally,
    ) {
        Text(
            text = state.date,
            style = MaterialTheme.typography.h6,
        )
        Row(horizontalArrangement = Arrangement.SpaceEvenly) {
            Text(
                text = stringResource(id = R.string.sunrise_label),
                style = MaterialTheme.typography.overline,
                modifier = Modifier.alignByBaseline(),
            )
            Spacer(modifier = Modifier.width(MarginSingle))
            Text(
                text = state.sunrise,
                style = MaterialTheme.typography.caption,
                modifier = Modifier.alignByBaseline(),
            )
            Spacer(modifier = Modifier.width(MarginDouble))
            Text(
                text = stringResource(id = R.string.sunset_label),
                style = MaterialTheme.typography.overline,
                modifier = Modifier.alignByBaseline(),
            )
            Spacer(modifier = Modifier.width(MarginSingle))
            Text(
                text = state.sunset,
                style = MaterialTheme.typography.caption,
                modifier = Modifier.alignByBaseline(),
            )
        }
    }
}