import Component from 'ember-component';
import ClickOutsideMixin from 'web-client/mixins/click-outside';

export default Component.extend(ClickOutsideMixin, {
  classNames: ['balloon-wrapper'],

  showBalloonFlag: false,

  clickedOutside() {
    this.set('showBalloonFlag', false);
  },

  actions: {
    toggleDropdown() {
      this.toggleProperty('showBalloonFlag');
    }
  }
});
