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

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

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

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