MyInterface.kt

@Composable
fun MyInterface(model: MyViewModel, modifier: Modifier) {
 
  Column() {
    
    Text("Heading 1")
    TextField(
      model.headingOne,
      singleLine = true,
      onValueChange = {
        model.headingOne = it
      }
    )
    
    Spacer(modifier = Modifier.height(5.dp))
    
    Text("Heading 2")
    TextField(
      model.headingTwo,
      singleLine = true,
      onValueChange = {
        model.headingTwo = it
      }
    )
    
    Spacer(modifier = Modifier.height(5.dp))
    
    // Toggle things after this point
    
    if(model.isSelectingRegion() || model.isSelectingTerritory()) {
    
    Divider(color = Color.LightGray, thickness = 2.dp)
    
    Spacer(modifier = Modifier.height(5.dp))
    
    Text("Heading 3")
    TextField(
      model.headingThree,
      singleLine = true,
      onValueChange = {
        model.headingThree = it
      }
    )
    
    Spacer(modifier = Modifier.height(5.dp))
    
    Button(
      onClick = {
        if(model.isSelectingTerritory()) {
          // do something
        } else if(model.isSelectingRegion() {
          // do something else
        }
      }
    ) {
          if (model.isSelectingTerritory()) {
              Text("Submit", fontSize = 14.sp)
          } else if (model.isSelectingRegion()) {
              Text("Add", fontSize = 14.sp)
          }
      }
        
    }
    
  }
    
  
}