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

export default Component.extend(ClickOutsideMixin, {
  classNames: ['balloon-wrapper', 'balloon-wrapper--hotspot', 'anim-bounce'],
  elementId: 'uploads-example',
  attributeBindings: ['style'],
  style: 'display:inline-block; left:5px',
  shouldShowDialogueBox: false,

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