import { observes, on } from "ember-addons/ember-computed-decorators";

export default Ember.Component.extend({
  tagName: "label",

  click(e) {
    e.preventDefault();
    this.onChange(this.radioValue);
  },

  @observes("value")
  @on("init")
  updateVal() {
    const checked = this.value === this.radioValue;
    Ember.run.next(() => this.$("input[type=radio]").prop("checked", checked));
  }
});