/**

 */
export default class Component {
  /**

   */
  constructor(props) {
    this.props = props || {};

    this.element = m.prop();
  }

  /**

   */
  $(selector) {
    return selector ? $(this.element()).find(selector) : $(this.element());
  }

  config(element, isInitialized, context, vdom) {
    //
  }

  render() {
    var vdom = this.view();
    vdom.attrs = vdom.attrs || {};

    if (!vdom.attrs.config) {
      var component = this;
      vdom.attrs.config = function() {
        var args = [].slice.apply(arguments);
        component.element(args[0]);
        component.config.apply(component, args);
      };
    }

    return vdom;
  }

  /**

   */
  static component(props) {
    props = props || {};
    if (this.props) {
      this.props(props);
    }
    var view = function(component) {
      component.props = props;
      return component.render();
    };
    view.$original = this.prototype.view;
    var output = {
      props: props,
      component: this,
      controller: this.bind(undefined, props),
      view: view
    };
    if (props.key) {
      output.attrs = {key: props.key};
    }
    return output;
  }
}