import {
  MarkIcon
} from "./chunk-VZOYWIRW.js";
import "./chunk-424PT5DM.js";

// ../zero-react/src/components/inspector.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function Inspector({ zero, onClose }) {
  return /* @__PURE__ */ jsxs(
    "dialog",
    {
      open: true,
      style: {
        alignItems: "center",
        backgroundColor: "white",
        borderRadius: "8px 0 0 0",
        bottom: 0,
        boxShadow: "0 4px 8px rgba(0, 0, 0, 0.1)",
        color: "black",
        display: "flex",
        height: "fit-content",
        marginRight: 0,
        opacity: 0.95,
        padding: "0.25em 0.5em",
        position: "fixed",
        width: "fit-content",
        zIndex: 1e3
      },
      children: [
        /* @__PURE__ */ jsx(MarkIcon, { style: { margin: "0.5em" } }),
        /* @__PURE__ */ jsxs("div", { children: [
          "Zero v",
          zero.version
        ] }),
        /* @__PURE__ */ jsx("button", { onClick: onClose, style: { padding: "0.5em" }, children: "\u2716\uFE0E" })
      ]
    }
  );
}
export {
  Inspector as default
};
//# sourceMappingURL=inspector-IU2HG74I.js.map
