@Composable
fun CourseListScreen(navController: NavHostController) {
    val courseList: List<Course> = getCourse()
    Column(modifier = Modifier.padding(top = 40.dp)) {
        Text(
            text = "Compose",
            style = MaterialTheme.typography.h1,
            modifier = Modifier.padding(start = 24.dp, end = 24.dp, top = 16.dp, bottom = 8.dp)
        )
        LazyColumn(contentPadding = PaddingValues(24.dp)) {
            items(items = courseList) { item ->
                CourseRow(item) {
                    course ->
                    navController.navigate(route = CourseScreens.CourseDetailsScreen.name + "/$course")
                }
            }
        }
    }
}