import {
  default as computed,
  observes,
} from "discourse-common/utils/decorators";
import EmberObject from "@ember/object";
import Component from "@ember/component";

export default Component.extend({
  layoutName: "wizard/templates/components/wizard-field-composer",

  showPreview: false,
  classNameBindings: [
    ":wizard-field-composer",
    "showPreview:show-preview:hide-preview",
  ],

  didInsertElement() {
    this.set(
      "composer",
      EmberObject.create({
        loading: false,
        reply: this.get("field.value") || "",
      })
    );
  },

  @observes("composer.reply")
  setField() {
    this.set("field.value", this.get("composer.reply"));
  },

  @computed("showPreview")
  togglePreviewLabel(showPreview) {
    return showPreview
      ? "wizard_composer.hide_preview"
      : "wizard_composer.show_preview";
  },

  actions: {
    togglePreview() {
      this.toggleProperty("showPreview");
    },

    groupsMentioned() {},
    afterRefresh() {},
    cannotSeeMention() {},
    importQuote() {},
    showUploadSelector() {},
  },
});
