import * as Gui from '@gui/core';
import GuiDOM from '@gui/dom';

const HelloWorld: Gui.Component = () => {
  const [ counter, setCounter ] = Gui.state<number>(0);
  return (
    <div>
      <h1>Hello, Gui!</h1>
      <p>Counter: {counter}</p>
      <button onClick={() => setCounter(counter + 1)}>increment</button>
    </div>
  );
};

GuiDOM.render(
  <HelloWorld />,
  document.querySelector('#root'),
);