import Component from 'ember-component';
import computed from 'ember-computed';
import injectService from 'ember-service/inject';

/* Block Component that serves as a simple wrapper
   to trigger top level animation for the Bits Tooltip */
export default Component.extend({
  classNames: ['bits-card', 'anim__active', 'js-bits-tooltip-wrapper'],
  classNameBindings: ['showPurpleArrow:bits-card--purple-arrow'],

  bitsRoom: injectService(),

  showPurpleArrow: computed.readOnly('bitsRoom.hasPurpleFooter')
});
