Cacher is the code snippet organizer for pro developers

App&
  Notification Panel
    Notification Panel - OFF*
      click Notifications Icon -> Notification Panel - ON
    Notification Panel - ON
      click Notifications Icon -> Notification Panel - OFF
      hover Notification -> Notification Hover - ON
      Notification&
        Notification Hover
          hover Bold Word -> Bold Word Hover
          Notification Hover - ON*
            click Notification -> Notification Read - OFF
            hover Bold Word -> Bold Word Hover            
            Bold Word Hover 
              click Bold Word -> Notification Read - OFF
              Bold Word Hover - ON
                click Bold Word -> Trigger Element - Shown
              Bold Word Hover - OFF*
          Notification Hover - OFF
        Notification Read
          Notification Read - ON            
          Notification Read - OFF*
        
  Working Area
    Trigger Element - Shown
    Trigger Element - Out of View*

function render(model){
  let current_state_names = [];
  model.active_states.map(state => current_state_names.push(state.name));
  return $("h1",           
           "The current state is:", $("p", `${current_state_names.join(" | ")}`));
}