import Ember from 'ember';

export default Ember.Component.extend({
  classNameBindings: ['active'],

  activeObserver: Ember.on('init', Ember.observer('active', function (){
  	Ember.run.scheduleOnce('afterRender', () => {
      const prevDivider = $(this.element.closest('.divider')).prev('.divider')
      const nextDivider = $(this.element.closest('.divider')).next('.divider')

      console.log(nextDivider)
        if (this.active) {
          prevDivider.addClass('before-active')
          nextDivider.addClass('after-active')
        } else {
          prevDivider.removeClass('before-active')
          nextDivider.removeClass('after-active')
        }
    })
  }))
});