import e from "react";
import { NavLink as o } from "react-router-dom";
import { Icons as n } from "../components/Icons/Icons.js";
import "../components/Icons/EuiIcon.js";
import "@elastic/eui";
import "../node_modules/.pnpm/twin.macro@2.8.2/node_modules/twin.macro/macro.js";
import "../form/Field.js";
import "react-hook-form";
import "../node_modules/.pnpm/@elastic_eui@61.0.0_zavqrpf4tc2kjxw3tjmx3rmpbq/node_modules/@elastic/eui/dist/eui_theme_light.js";
import "../tailwind.js";
function v({ data: r = [] }) {
  return /* @__PURE__ */ e.createElement("header", {
    className: "sticky z-50 w-[100wh] h-14 -ml-56 bg-green-600 flex items-end justify-between px-6"
  }, /* @__PURE__ */ e.createElement("div", {
    className: "flex items-end space-x-4"
  }, /* @__PURE__ */ e.createElement("div", {
    className: "relative flex items-center px-6 py-2 text-sm font-medium bg-white rounded-t text-text-500 hover:text-text-600"
  }, /* @__PURE__ */ e.createElement(n, {
    name: "base",
    className: "inline-flex w-5 h-5 mr-2 opacity-75"
  }), " \u5C0F\u4E07\u52A9\u6559"), r && r.map(
    (m) => /* @__PURE__ */ e.createElement(s, {
      ...m,
      key: m.path
    })
  )));
}
const s = ({ path: r, name: m, icon: a, label: i, className: l, ...p }) => /* @__PURE__ */ e.createElement(o, {
  to: r,
  className: ({ isActive: t }) => `
        
        ${l || ""}
        relative flex items-center text-gray-500 hover:text-green-600 p-2 text-sm font-medium"
      `
}, ({ isActive: t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("span", {
  className: `${t ? "text-green-600" : ""} hover:text-green-600`
}, typeof a == "string" ? /* @__PURE__ */ e.createElement(n, {
  name: a
}) : a), /* @__PURE__ */ e.createElement("span", {
  className: `${t ? "text-green-600 font-bold" : void 0} ml-2`
}, m), t && /* @__PURE__ */ e.createElement("span", {
  className: "absolute left-0 right-0 border-2 border-green-600 -bottom-4",
  "aria-hidden": "true"
})));
export {
  v as Header
};
//# sourceMappingURL=Header.js.map
