@merkur/create-widget/views/preact/template/src/components/Counter.jsx

CLI for creating merkur widget easily.

import { useContext } from 'preact/hooks';

import WidgetContext from './WidgetContext';

export default function Counter({ counter }) {
  const widget = useContext(WidgetContext);

  return (
    <div>
      <h3>Counter widget:</h3>
      <p>Count: {counter}</p>
      <button onClick={widget.onClick}>increase counter</button>
      <button onClick={widget.onReset}>reset counter</button>
    </div>
  );
}