FareListScreen.kt

@Composable
fun FareListScreen(
    uiState: FareListState,
    scaffoldState: ScaffoldState = rememberScaffoldState(),
    onFareClick: (FareModel) -> Unit,
) {
    Scaffold(
        modifier = Modifier.statusBarsPadding(),
        scaffoldState = scaffoldState,
        topBar = {
            TopAppBar(
                title = {
                    Text(text = stringResource(id = R.string.select_fare_title))
                },
                backgroundColor = AppTheme.colors.material.surface,
            )
        },
        content = {
            ScreenContent(
                status = uiState.status,
                forceLoading = uiState.status.isLoading,
            ) {
                FareList(
                    fares = uiState.fares,
                    onClick = onFareClick
                )
            }
        }
    )
}

@Preview(name = "Fares Content", showBackground = true)
@Composable
fun PreviewFareListScreenSuccess() {
    AppTheme {
        FareListScreen(
            uiState = FareListState(
                status = ScreenContentStatus.Success,
                fares = fakeFareModels,
            ),
            onFareClick = {}
        )
    }
}

@Preview(name = "Fares Content", showBackground = true)
@Composable
fun PreviewFareListScreenLoading() {
    AppTheme {
        FareListScreen(
            uiState = FareListState(
                status = ScreenContentStatus.Loading,
                fares = fakeFareModels,
            ),
            onFareClick = {}
        )
    }
}

@Preview(name = "Fares Content", showBackground = true)
@Composable
fun PreviewFareListScreenFailure() {
    AppTheme {
        FareListScreen(
            uiState = FareListState(
                status = ScreenContentStatus.Failure,
                fares = fakeFareModels,
            ),
            onFareClick = {}
        )
    }
}