import computed from 'ember-addons/ember-computed-decorators';
import { getOwner } from 'discourse-common/lib/get-owner';

export default Ember.Component.extend({
  classNameBindings: [':composer-popup', ':hidden', 'message.extraClass'],

  @computed('message.templateName')
  layout(templateName) {
    return getOwner(this).lookup(`template:composer/${templateName}`);
  },

  didInsertElement() {
    this._super();
    this.$().show();
  },

  actions: {
    closeMessage() {
      this.sendAction('closeMessage', this.get('message'));
    }
  }
});