Function Header

docs/pseudo.esm.sh/tinybase@9.0.0/ui-react-inspector/index.js:4747–4784

({ s })

  }
};
var Header = ({ s }) => {
  const position = useValue(POSITION_VALUE, s) ?? 1;
  const handleClick = () => open("https://tinybase.org", "_blank");
  const handleClose = useSetValueCallback(OPEN_VALUE, () => false, [], s);
  const handleDock = useSetValueCallback(
    POSITION_VALUE,
    (event) => number(event[CURRENT_TARGET].dataset.id),
    [],
    s
  );
  return /* @__PURE__ */ jsxs("header", {
    children: [
      /* @__PURE__ */ jsx2("img", {
        className: "flat",
        title: TITLE,
        onClick: handleClick
      }),
      /* @__PURE__ */ jsx2("span", { children: TITLE }),
      arrayMap2(
        POSITIONS,
        (name, p) => p == position ? null : /* @__PURE__ */ jsx2(
          "img",
          {
            onClick: handleDock,
            "data-id": p,
            title: "Dock to " + name
          },
          p
        )
      ),
      /* @__PURE__ */ jsx2("img", {
        className: "flat",
        onClick: handleClose,
        title: "Close"
      })
    ]
  });
};
var Panel = ({ s }) => {
  const position = useValue(POSITION_VALUE, s) ?? 1;
  return useValue(OPEN_VALUE, s) ? /* @__PURE__ */ jsxs("main", {