/**
 * Created by rohittalwar on 04/04/16.
 */
var defineWidget = require('marko-widgets').defineComponent
var template = require('marko').load(require.resolve('./template.marko'));

var comp = {
    template: template,
    getTemplateData: function(state,input){ // this is called whenever state changes using  this.setState('<state var name>',<value>);
        return {
            name:input.name + " talwar"
        };
    },
    init: function(){
        var el = this.el; // The root DOM element that the widget is bound to
        console.log('Initializing widget: ' + el.id);
    }


}
export = defineWidget(comp)

   */
  init() {
    let el = this.el;
    // "el" will be reference the raw HTML element that this
    // widget is bound to. You can do whatever you want with it...
    // el.style.color = 'red';
  }

  /**
   * Handler method for the button "click" event. This method name
   * matches the name of the `w-onClick` attribute in the template.
   */
  handleButtonClick(event: UIEvent, el: HTMLElement) {
    this.setState('clickCount', this.state.clickCount + 1);
  }

  /**
   * Expose a method to let other code change the "greeting name".
   * If the value of the "greetingName" state property changes
   * then the UI component will automatically rerender and the
   * DOM will be updated.
   */
  setGreetingName(newName: any) {
    this.setState('greetingName', newName);
  }
}

const indexWidget = new IndexWidget();
const widget = defineComponent(indexWidget);
module.exports = defineComponent(widget);