import e from "react";
import { useNavigate as u } from "react-router-dom";
import { Icons as a } from "./Icons/Icons.js";
import "./Icons/EuiIcon.js";
import { Button as d } from "./Button.js";
import "@elastic/eui";
function F({ children: s, title: l, icon: r, subTitle: g, desc: x, roles: p = {}, buttons: o, back: m, onUpdate: b, onRead: y, onCreate: v, onAdd: E, onDelete: N, onLink: h, titleEdit: n, onTitleEdit: c, button: k, onButton: w, onSave: C, ...D }) {
  let i = u();
  return /* @__PURE__ */ e.createElement("div", {
    className: "flex items-center justify-between my-4"
  }, /* @__PURE__ */ e.createElement("div", {
    className: "flex items-center flex-1 min-w-0"
  }, /* @__PURE__ */ e.createElement("div", {
    className: "flex items-center flex-1"
  }, /* @__PURE__ */ e.createElement("h2", {
    className: "flex items-center text-lg font-bold text-gray-900 sm:truncate"
  }, m && /* @__PURE__ */ e.createElement("div", {
    className: "mr-4 sm:block"
  }, /* @__PURE__ */ e.createElement("button", {
    type: "button",
    onClick: (t) => i(-1),
    className: "inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-sky-500"
  }, /* @__PURE__ */ e.createElement(a, {
    name: "back"
  }), m.title || "\u8FD4\u56DE")), r && /* @__PURE__ */ e.createElement(a, {
    name: r
  }), l)), n && /* @__PURE__ */ e.createElement("div", {
    className: "hidden ml-2 sm:block"
  }, /* @__PURE__ */ e.createElement("button", {
    type: "button",
    onClick: (t) => c(t),
    className: "inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-sky-500"
  }, n.icon, n.title))), /* @__PURE__ */ e.createElement("div", {
    className: "flex items-center space-x-3 lg:ml-4"
  }, o && o.map((t, f) => /* @__PURE__ */ e.createElement(d, {
    key: f,
    ...t
  })), s));
}
export {
  F as PageTile
};
//# sourceMappingURL=PageTile.js.map
