Root

SketchSystems.spec

Root
  Inactive*
    reviewRegions -> Regions
    reviewTwoOptions -> TwoOptions

  Active
    Question
      Regions
        RegionsReview*
          close -> Inactive
          edit -> RegionsEdit
          answer -> ThankU
        RegionsEdit
          cancel -> RegionsReview
          submit -> ThankU

      TwoOptions
        TwoOptionsReview*
          close -> Inactive
          answer -> ThankU

    ThankU
      close -> Inactive

SketchSystems_prototype.js

function render(model){
  const currentState = model.active_states[0].name;
  const isInactive = currentState === 'Inactive';
  
  return (
    <div>
      <h1>{currentState}</h1>
      <button onClick={() => model.emit('reviewRegions')} disabled={!isInactive}>Regions</button>
      <button onClick={() => model.emit('reviewTwoOptions')} disabled={!isInactive}>Two Options</button>
    </div>
  );
}