import { createImportMetaHot } from "/@fs/Users/damien.maillard/dev/perso/jsenv-core/dist/js/import_meta_hot.js";
import.meta.hot = createImportMetaHot(import.meta.url);
import { installReactRefresh } from "/@fs/Users/damien.maillard/dev/perso/jsenv-core/packages/related/plugin-react/src/client/react_refresh.js?v=1.5.23"
const __react_refresh__ = installReactRefresh("file:///Users/damien.maillard/dev/perso/jsenv-core/packages/related/cli/template-web-react/src/app/app.jsx");
var _jsxFileName = "/Users/damien.maillard/dev/perso/jsenv-core/packages/related/cli/template-web-react/src/app/app.jsx",
  _s = $RefreshSig$();
import { useLayoutEffect } from "/@fs/Users/damien.maillard/dev/perso/jsenv-core/node_modules/react/index.js?cjs_as_js_module&v=18.3.1";
import appStyleSheet from "/app/app.css" with { type: "css" };
import { Counter } from "/app/counter.jsx";
import { jsxDEV as _jsxDEV } from "/@fs/Users/damien.maillard/dev/perso/jsenv-core/node_modules/react/jsx-dev-runtime.js?cjs_as_js_module&v=18.3.1";
const reactLogoUrl = new URL("/react_logo.svg", import.meta.url);
export const App = () => {
  _s();
  useLayoutEffect(() => {
    document.adoptedStyleSheets = [...document.adoptedStyleSheets, appStyleSheet];
    return () => {
      document.adoptedStyleSheets = document.adoptedStyleSheets.filter(s => s !== appStyleSheet);
    };
  }, []);
  return /*#__PURE__*/_jsxDEV("div", {
    className: "app",
    children: /*#__PURE__*/_jsxDEV("header", {
      className: "app_header",
      children: [/*#__PURE__*/_jsxDEV("img", {
        src: reactLogoUrl,
        className: "app_logo",
        alt: "logo"
      }, void 0, false, {
        fileName: _jsxFileName,
        lineNumber: 24,
        columnNumber: 9
      }, this), /*#__PURE__*/_jsxDEV("p", {
        children: "Hello jsenv + React!"
      }, void 0, false, {
        fileName: _jsxFileName,
        lineNumber: 25,
        columnNumber: 9
      }, this), /*#__PURE__*/_jsxDEV("p", {
        children: /*#__PURE__*/_jsxDEV(Counter, {}, void 0, false, {
          fileName: _jsxFileName,
          lineNumber: 27,
          columnNumber: 11
        }, this)
      }, void 0, false, {
        fileName: _jsxFileName,
        lineNumber: 26,
        columnNumber: 9
      }, this), /*#__PURE__*/_jsxDEV("p", {
        children: ["Edit", " ", /*#__PURE__*/_jsxDEV("a", {
          className: "app_link",
          onClick: e => {
            e.preventDefault();
            window.fetch("/__open_in_editor__/app/app.jsx");
          },
          children: "app.jsx"
        }, void 0, false, {
          fileName: _jsxFileName,
          lineNumber: 31,
          columnNumber: 11
        }, this), " ", "and save to test HMR updates."]
      }, void 0, true, {
        fileName: _jsxFileName,
        lineNumber: 29,
        columnNumber: 9
      }, this), /*#__PURE__*/_jsxDEV("p", {
        children: /*#__PURE__*/_jsxDEV("a", {
          className: "app_link",
          href: "https://github.com/jsenv/core",
          target: "_blank",
          rel: "noopener noreferrer",
          children: "Jsenv documentation"
        }, void 0, false, {
          fileName: _jsxFileName,
          lineNumber: 43,
          columnNumber: 11
        }, this)
      }, void 0, false, {
        fileName: _jsxFileName,
        lineNumber: 42,
        columnNumber: 9
      }, this)]
    }, void 0, true, {
      fileName: _jsxFileName,
      lineNumber: 23,
      columnNumber: 7
    }, this)
  }, void 0, false, {
    fileName: _jsxFileName,
    lineNumber: 22,
    columnNumber: 5
  }, this);
};
_s(App, "n7/vCynhJvM+pLkyL2DMQUF0odM=");
_c = App;
var _c;
$RefreshReg$(_c, "App");
__react_refresh__.end();
import.meta.hot.accept(__react_refresh__.acceptCallback);