@particle-network/auth-core-modal/esm/chunk-TS3K4YMB.js

Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.

"use client";
import {
  svg_icon_default
} from "./chunk-WVDARMME.js";
import {
  useCustomNavigate,
  useCustomRouter
} from "./chunk-BJTDO4LQ.js";

// src/components/header/index.tsx
import React from "react";

// src/components/header/index.less
var header_default = ".p-auth-header {\n  position: sticky;\n  z-index: 99;\n  top: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  min-height: 60px;\n  font-weight: 500;\n  font-size: 18px;\n  text-align: center;\n  color: var(--text-color);\n  background-color: var(--theme-background-color);\n  opacity: 0.97;\n}\n.p-auth-header .left {\n  position: absolute;\n  left: 0;\n  min-width: 60px;\n  height: 100%;\n}\n.p-auth-header .left .header-back-btn {\n  position: absolute;\n  z-index: 100;\n  top: 16px;\n  left: 16px;\n  font-size: 28px;\n}\n.p-auth-header .middle .info-request {\n  position: initial;\n  width: auto;\n}\n.p-auth-header .middle .info-title {\n  padding-top: 0;\n  margin-top: 4px;\n}\n.p-auth-header .middle .info-address {\n  justify-content: center;\n  align-items: center;\n  width: 140px;\n  padding-top: 2px;\n  margin: auto;\n  margin-top: 10px;\n  text-align: center;\n}\n.p-auth-header .middle .info-address .copy-icon {\n  position: relative;\n  top: 1px;\n}\n.p-auth-header .right {\n  position: absolute;\n  right: 0;\n  min-width: 60px;\n  height: 100%;\n}\n@media (min-width: 600px) {\n  .p-auth-header {\n    width: calc(100 * var(--vw));\n  }\n}\n";

// src/components/header/index.tsx
var Header = (props) => {
  var _a, _b;
  const { children, leftContent, rightContent, onBack } = props;
  let { displayBackBtn = false } = props;
  const navigate = useCustomNavigate();
  const { customRouter } = useCustomRouter();
  if (onBack) {
    displayBackBtn = true;
  }
  if (leftContent || ((_b = (_a = customRouter == null ? void 0 : customRouter.history) == null ? void 0 : _a.length) != null ? _b : 0) <= 1) {
    displayBackBtn = false;
  }
  return /* @__PURE__ */ React.createElement("div", { className: "width-100" }, /* @__PURE__ */ React.createElement("style", null, header_default), /* @__PURE__ */ React.createElement("div", { className: "p-auth-header" }, /* @__PURE__ */ React.createElement("div", { className: "left" }, /* @__PURE__ */ React.createElement(React.Fragment, null, displayBackBtn && /* @__PURE__ */ React.createElement(
    svg_icon_default,
    {
      className: "header-back-btn",
      name: "circle_back",
      onClick: () => {
        if (onBack) {
          onBack();
        } else {
          navigate(-1);
        }
      }
    }
  ), leftContent)), /* @__PURE__ */ React.createElement("div", { className: "middle" }, children), /* @__PURE__ */ React.createElement("div", { className: "right" }, rightContent)));
};
var header_default2 = Header;

export {
  header_default2 as header_default
};
//# sourceMappingURL=chunk-TS3K4YMB.js.map