@Composable
fun Creative(modifier: Modifier = Modifier) {
    val image = painterResource(R.drawable.creative_square)

    Box(Modifier.wrapContentSize()) {
        Image(
            painter = image,
            contentDescription = null,
            modifier = Modifier.aspectRatio(1f),
        )
    }

}

@Composable
fun EndScreenLayout() {
    BoxWithConstraints {
        if (maxHeight > maxWidth) { // is portrait
            // TODO
        } else { // is landscape
            Row(Modifier.fillMaxSize()) {
                Column(Modifier.wrapContentSize()) {
                    Creative()
                }
                Column(
                    modifier = Modifier
                        .width(1000.dp)
                        .fillMaxHeight()
                ) {
                    Column(
                        modifier = Modifier.fillMaxSize(),
                        verticalArrangement = Arrangement.Center,
                        horizontalAlignment = Alignment.CenterHorizontally
                    ) {
                        GameIcon(Modifier.size(200.dp))
                        Spacer(Modifier.size(20.dp))
                        Text("The Game Title", fontSize = 35.sp)
                        Spacer(Modifier.size(20.dp))
                        Rating(score = 4f, maxScore = 5)
                    }
                }
            }
        }
    }
}

@Preview(device = Devices.PIXEL_C)
@Composable
fun EndScreenPreview_Tablet() {
    EndScreenLayout()
}