import Ember from 'ember';

export default Ember.Component.extend({
  sampleText: '',
  outputs: Ember.A(),
  attributeBindings: ['tabIndex'],
  tabIndex: Ember.computed('canSetTabIndex', function() {
    return this.get('canSetTabIndex') ? '0' : null;
  }),
  click() {
    console.log('You clicked the component');
    this.get('outputs').pushObject('You clicked the component');
    this.get('outputs').pushObject('--------------------------');
  },
  focusIn() {
    console.log('You focussed in the component');
    this.get('outputs').pushObject('You focussed in the component');
  }
});