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

  containerClass: function() {
    return (this.get('size') === 'small') ? 'inline-spinner' : undefined;
  }.property('size'),

  render: function(buffer) {
    if (this.get('condition')) {
      buffer.push('<div class="spinner ' + this.get('size') + '"}}></div>');
    } else {
      return this._super();
    }
  },

  _conditionChanged: function() {
    this.rerender();
  }.observes('condition')
});