/** @jsx dom.createElement */

import { props, withComponent } from 'skatejs';
import withSnabbdom from './renderer-snabbdom.js';
// eslint-disable-next-line no-unused-vars
import * as dom from 'snabbdom-pragma';

class WithSnabbdom extends withComponent(withSnabbdom()) {
  static get props() {
    return {
      name: props.string
    };
  }

  render({ name }) {
    return <span>Hello, {name}!</span>;
  }
}

customElements.define('with-snabbdom', WithSnabbdom);