import { computed } from '@ember/object';
import Component from '@ember/component';
import UpgradeComponent from 'shared/mixins/upgrade-component';
import layout from './template';

export default Component.extend(UpgradeComponent, {
  layout,
  tagName             : 'button',
  classNames          : ['btn'],
  classNameBindings   : ['color','pad'],

  pad: computed('color', function() {
    if ( this.get('color') === 'bg-transparent' ) {
      return 'p-0';
    }
  }),

  click: function() {
    this.doUpgrade();
  },
});