TermsOfUseScreenNotCompletedPreview.kt

@Preview
@Composable
fun TermsOfUseScreenNotCompletedPreview() {
    val checkedState = remember {
        mutableStateOf(false)
    }
    MaterialTheme {
        Scaffold(
            topBar = {
                TopAppBar(
                    title = {
                        Text(text = "利用規約")
                    },
                    navigationIcon = {
                        IconButton(onClick = {}) {
                            Icon(Icons.Filled.ArrowBack, contentDescription = null)
                        }
                    }
                )
            },
            content = {
                Column(modifier = Modifier.padding(8.dp)) {
                    Text(text = "利用規約", fontSize = 32.sp)
                    Spacer(modifier = Modifier.size(16.dp))
                    Text(text = "この利用規約は以下...", fontSize = 16.sp)
                    Spacer(modifier = Modifier.size(16.dp))
                    Text(text = "第1条", fontSize = 24.sp)
                    Spacer(modifier = Modifier.size(8.dp))
                    Text(text = "1. 本規約は...", fontSize = 16.sp)
                    Spacer(modifier = Modifier.size(8.dp))
                    Text(text = "第2条", fontSize = 24.sp)
                    Spacer(modifier = Modifier.size(8.dp))
                    Text(text = "1. 本サービスは...", fontSize = 16.sp)
                    Spacer(modifier = Modifier.size(32.dp))
                    Row(
                        modifier = Modifier.fillMaxWidth(),
                        horizontalArrangement = Arrangement.Center,
                        verticalAlignment = Alignment.CenterVertically
                    ) {
                        Checkbox(modifier = Modifier.size(32.dp),
                            checked = checkedState.value,
                            onCheckedChange = { checkedState.value = it })
                        Text(text = "同意する", fontSize = 16.sp)
                    }
                    Spacer(modifier = Modifier.size(8.dp))
                    Button(modifier = Modifier.fillMaxWidth(),
                        enabled = checkedState.value,
                        onClick = {}) {
                        Text(text = "次へ進む", fontSize = 16.sp)
                    }
                }
            }
        )
    }
}