import { props, withComponent } from 'skatejs';
import withHyperHtml from './renderer-hyperhtml.js';

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

  render({ name }) {
    return this.html`Hello, ${name}!`;
  }
}

customElements.define('with-hyperhtml', WithHyperHTML);