@Preview(showBackground = true)
@Composable
fun ModalSheetPreview() {
    val sheetState = rememberModalBottomSheetState()
    LaunchedEffect(sheetState.currentValue) {
        if (!sheetState.isVisible) {
            sheetState.show()
        }
    }
    ModalBottomSheet(
        onDismissRequest = {},
        sheetState = sheetState
    ) {
        Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.Center) {
            Button(
                onClick = {}
            ) {
                Text("Close Bottom Sheet")
            }

            Button(
                onClick = {}
            ) {
                Text("Collapse Bottom Sheet")
            }
        }
        LazyColumn {
            items(50) {
                ListItem(
                    headlineContent = { Text("Item $it") },
                    leadingContent = {
                        Icon(
                            Icons.Default.Favorite,
                            contentDescription = "Localized description"
                        )
                    }
                )
            }
        }
    }
}