return (comp) => {
   if (buttonType === 'custom') {
     AlloyTriggers.emitWith(comp, formActionEvent, {
       name,
       value: { }
     });
   } else if (buttonType === 'submit') {
     AlloyTriggers.emit(comp, formSubmitEvent);
   } else if (buttonType === 'cancel') {
     AlloyTriggers.emit(comp, formCancelEvent);
   } else {
     console.error('Unknown button type: ', buttonType);
   }
 };

 return (e) => {
   const detectedFormat = findNearest(editor, () => flattenedItems, e);
   const text = detectedFormat.fold(() => 'Paragraph', (fmt) => fmt.title);
   AlloyTriggers.emitWith(comp, updateMenuText, {
     text
   });
 };

 return (e) => {
   const detectedFormat = getMatchingValue(e);
   const text = detectedFormat.fold(() => 'Paragraph', (fmt) => fmt.title);
   AlloyTriggers.emitWith(comp, updateMenuText, {
     text
   });
 };

 return () => {
   const match = getMatchingValue();
   const alignment = match.fold(() => 'left', (item) => item.title.toLowerCase());
   AlloyTriggers.emitWith(comp, updateMenuIcon, {
     icon: `align-${alignment}`
   });
 };

const field = function (name, placeholder) {
  const inputSpec = Memento.record(Input.sketch({
    placeholder,
    onSetValue (input, data) {
      // If the value changes, inform the container so that it can update whether the "x" is visible
      AlloyTriggers.emit(input, NativeEvents.input());
    },
    inputBehaviours: Behaviour.derive([
      Composing.config({
        find: Option.some
      }),
      Tabstopping.config({ }),
      Keying.config({
        mode: 'execution'
      })
    ]),
    selectOnFocus: false
  }));

  const buttonSpec = Memento.record(
    Button.sketch({
      dom: UiDomFactory.dom('<button class="${prefix}-input-container-x ${prefix}-icon-cancel-circle ${prefix}-icon"></button>'),
      action (button) {
        const input = inputSpec.get(button);
        Representing.setValue(input, '');
      }
    })
  );

  return {
    name,
    spec: Container.sketch({
      dom: UiDomFactory.dom('<div class="${prefix}-input-container"></div>'),
      components: [
        inputSpec.asSpec(),
        buttonSpec.asSpec()
      ],
      containerBehaviours: Behaviour.derive([
        Toggling.config({
          toggleClass: Styles.resolve('input-container-empty')
        }),
        Composing.config({
          find (comp) {
            return Option.some(inputSpec.get(comp));
          }
        }),
        AddEventsBehaviour.config(clearInputBehaviour, [
          // INVESTIGATE: Because this only happens on input,
          // it won't reset unless it has an initial value
          AlloyEvents.run(NativeEvents.input(), function (iContainer) {
            const input = inputSpec.get(iContainer);
            const val = Representing.getValue(input);
            const f = val.length > 0 ? Toggling.off : Toggling.on;
            f(iContainer);
          })
        ])
      ])
    })
  };
};

 return AlloyEvents.runOnExecute(function (comp, simulatedEvent) {
   // If there is an action, run the action
   runWithApi(info, comp)(info.onAction);
   if (! info.triggersSubmenu && itemResponse === ItemResponse.CLOSE_ON_EXECUTE) {
     AlloyTriggers.emit(comp, SystemEvents.sandboxClose());
     simulatedEvent.stop();
   }
 });

 onValid: (comp) => {
   // onValid should pass through the value here
   // We need a snapshot of the value validated.
   const val = Representing.getValue(comp);
   AlloyTriggers.emitWith(comp, colorInputChangeEvent, {
     color: val
   });
 }

 onChangeTab: (section, button, _viewItems) => {
   const title = Representing.getValue(button);
   AlloyTriggers.emitWith(section, formTabChangeEvent, {
     title,
     oldTitle: oldTab.get()
   });
   oldTab.set(title);
 },

    return () => {
      const { matchOpt, px } = getMatchingValue();

      const text = matchOpt.fold(() => px, (match) => match.title);
      AlloyTriggers.emitWith(comp, updateMenuText, {
        text
      });
    };

const triggerTab = function (placeholder, shiftKey) {
  AlloyTriggers.emitWith(placeholder, NativeEvents.keydown(), {
    raw: {
      which: 9,
      shiftKey
    }
  });
};