Legend

fun MainScreen(viewModel: LegendViewModel = viewModel()) {

    val loadState by viewModel.arcGISMap.loadStatus.collectAsState()
    val basemap = viewModel.arcGISMap.basemap.collectAsState()
    var currentScale: Double by remember { mutableDoubleStateOf(Double.NaN) }
    ...

    // show composable MapView with a legend in the bottom sheet
     BottomSheetScaffold(
        sheetContent = {
            AnimatedVisibility(
                visible = loadState is LoadStatus.Loaded,
                ...
            ) {
                Legend(
                    operationalLayers = viewModel.arcGISMap.operationalLayers,
                    basemap = basemap.value,
                    currentScale = currentScale,
                    modifier = Modifier.fillMaxSize()
                )
            }
        },
        modifier = Modifier.fillMaxSize(),
        scaffoldState = scaffoldState,
        sheetSwipeEnabled = true,
        topBar = null
    ) { padding ->
        MapView(
            modifier = Modifier
                .padding(padding)
                .fillMaxSize(),
            arcGISMap = viewModel.arcGISMap,
            onMapScaleChanged = { scale ->
                currentScale = scale
            }
        )
    }