define('@cardstack/tools/components/cs-mode-button', ['exports', '@cardstack/tools/templates/components/cs-mode-button'], function (exports, _csModeButton) {
  'use strict';

  Object.defineProperty(exports, "__esModule", {
    value: true
  });
  exports.default = Ember.Component.extend({
    layout: _csModeButton.default,
    classNames: ['cs-mode-button'],
    classNameBindings: ['active', 'iconOnly'],
    iconOnly: Ember.computed.not('mode.description'),
    active: Ember.computed.alias('mode.active'),
    click: function click() {
      this.get('mode.makeActive')();
    }
  });
});