var hg = require('mercury');

module.exports = function Component() {
  var component = this;

  try {
    document.registerElement(component.name, {
      prototype: {
        attachedCallback: function (el) {
          hg.app(el, component.state, component.render);
        }
      }
    });
  }
  catch (err) {
    // no good way to check for registered custom elements AFAIK
  }

  return document.createElement('x-vdom-component');
};