import Component from "@ember/component";
import NoticeMessage from "../mixins/notice-message";

export default Component.extend(NoticeMessage, {
  attributeBindings: ["notice.id:data-notice-id"],
  classNameBindings: [
    ":wizard-notice",
    "notice.typeClass",
    "notice.dismissed:dismissed",
    "notice.expired:expired",
    "notice.hidden:hidden",
  ],

  actions: {
    dismiss() {
      this.set("dismissing", true);
      this.notice.dismiss().then(() => {
        this.set("dismissing", false);
      });
    },

    hide() {
      this.set("hiding", true);
      this.notice.hide().then(() => {
        this.set("hiding", false);
      });
    },
  },
});