import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['ic-card'],
  classNameBindings: ['paddingClass', 'interactivityClass'],
  paddingClass: Ember.computed('padding', function() {
    if (this.get('padding')) {
      return `o__${this.get('padding')}-padding`;
    } else {
			return '';		
		}
  }),
  interactivityClass: Ember.computed('isInteractive', function() {
    if (this.get('isInteractive')) {
    	return 'o__interactive';
    } else {
			return '';		
		}
  }),
});