Parent shared component with own VM

1_parent.kt

@Composable
fun ActionMenuContentDecorator(
    modifier: Modifier = Modifier,
    viewModel: ActionMenuViewModel = hiltViewModel(),
    content: @Composable () -> Unit, // A
    // content: @Composable (PaddingValues) -> Unit, // B
) {
  val state by viewModel.stateFlow.collectAsStateWithLifecycle()
  
  // some parent container type (Scaffold, ModalBottomSheetLayout, etc.)
  // or lay things out with Column/Row/Box/Subcompose/Lookahead/etc
  Scaffold(
    modifier = modifier,  
    topBar = {
        YourActionElements(
            modifier = Modifier.windowInsetsPadding(WindowInsets.statusBars),
            state = state, 
            dispatch = viewModel::dispatchEvent
        )
    }
 ) { padding -> 
    // either expose content Padding to child or hide it
    // A) 
    // Box(modifier = Modifier.padding(padding) {
    //     content()
    // }
    //
    // or B
    // content(padding)
 }  

2_child.kt

@Composable
fun SomeScreen(
    viewModel: SomeScreenViewModel = hiltViewModel(),
) {
    ActionMenuContentDecorator(
        modifier = Modifier.fillMaxSize(),
    ) {
        // your screen content
    }
}