Search Bar*

SketchSystems.spec

Search Bar*
  Inactive*
    focus -> Active
  Active
    Loaded*
      cancel -> Inactive
      type -> Text Entry
    
      Empty*
        submit -> Error

      Results
        
      Text Entry
        submit -> Loading

      Error

    Loading
      cancel -> Text Entry
      completeWithError -> Error
      completeWithResults -> Results

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}`);
}