import computed from 'ember-addons/ember-computed-decorators';

export default Ember.Component.extend({
  classNameBindings: [':wizard-field', 'typeClass', 'field.invalid'],

  @computed('field.type')
  typeClass: type => `${Ember.String.dasherize(type)}-field`,

  @computed('field.id')
  fieldClass: id => `field-${Ember.String.dasherize(id)} wizard-focusable`,

  @computed('field.type', 'field.id')
  inputComponentName(type, id) {
    return (type === 'component') ? Ember.String.dasherize(id) : `wizard-field-${type}`;
  }

});
