gistfile1.txt

@Composable
private fun TwoPane(
    sampleItems: List<Item>,
    selectedItem: Item?
) {
    val selectedItemState = remember { mutableStateOf(selectedItem) }
    val currentItem = selectedItemState.value

    Row(modifier = Modifier.fillMaxSize()) {
        ItemListScreen(
            items = sampleItems,
            onItemClick = { item -> selectedItemState.value = item },
            modifier = Modifier.weight(1f)
        )
        if (currentItem != null) {
            ItemDetailScreen(
                item = currentItem,
                modifier = Modifier.weight(2f)
            )
        } else {
            // Placeholder for detail area when no item is selected in two-pane
            Box(
                modifier = Modifier
                    .weight(2f)
                    .padding(16.dp),
                contentAlignment = Alignment.Center
            ) {
                Text(
                    "Select an item to view its details.",
                    style = MaterialTheme.typography.titleMedium
                )
            }
        }
    }
}