import { useState, Fragment } from "file:///Users/dmail/Documents/dev/jsenv/core/packages/node_modules/react/index.js?cjs_as_js_module";
import { jsx as _jsx, jsxs as _jsxs } from "file:///Users/dmail/Documents/dev/jsenv/core/packages/node_modules/react/jsx-runtime.js?cjs_as_js_module";
export const Counter = () => {
  const [count, setCount] = useState(0);
  return /*#__PURE__*/_jsxs(Fragment, {
    children: [/*#__PURE__*/_jsx("button", {
      id: "counter_button",
      type: "button",
      onClick: () => setCount(count => count + 1),
      children: "Click me"
    }), /*#__PURE__*/_jsx("br", {}), "number of click: ", /*#__PURE__*/_jsx("span", {
      id: "counter_output",
      children: count
    })]
  });
};