import { later } from '@ember/runloop';
import Component from '@ember/component';
import layout from './template';

export default Component.extend({
  layout,
  errors: null,

  classNames:        ['banner', 'bg-error'],
  classNameBindings: ['errors.length::hide'],

  errorsDidChange: function() {
    if ( this.get('errors.length') ) {
      later(() => {
        this.$().scrollIntoView();
      }, 100);
    }
  }.property('errors.[]'),
});