/** @jsx React.createElement */

import { props, withComponent } from 'skatejs';
import withReact from '@skatejs/renderer-react';
// eslint-disable-next-line no-unused-vars
import React from 'react';
// eslint-disable-next-line no-unused-vars
import * as reactDOM from 'react-dom';

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

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

customElements.define('with-react', WithReact);