Water intake*

SketchSystems.spec

Water intake*
  level at setpoint -> No intake
  level above max -> Drain
  Mix water*
    Fill both*
      temperature above setpoint -> Fill cold
      temperature below setpoint -> Fill hot
    Fill cold
      temperature at setpoint -> Fill both
    Fill hot
      temperature at setpoint -> Fill both

  Drain
    level below max -> No intake
  
  No intake
    level below setpoint -> Water intake
  

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}