@gatewaze/admin-embed 0.1.0

package/dist/DetailPageHeader-D_v7924k.js

@@ -0,0 +1,69 @@
+import { c as e, t } from "./react-DB2tPNit.js";
+import { t as n } from "./jsx-runtime-CjozyJt-.js";
+import { O as r } from "./ui-DRIo9Krs.js";
+import { a as i } from "./hooks-C377EXJG.js";
+//#region ../../node_modules/.pnpm/@heroicons+react@2.2.0_react@19.2.4/node_modules/@heroicons/react/24/outline/esm/ArrowLeftIcon.js
+var a = /* @__PURE__ */ e(t());
+function o({ title: e, titleId: t, ...n }, r) {
+	return /*#__PURE__*/ a.createElement("svg", Object.assign({
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 1.5,
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon",
+		ref: r,
+		"aria-labelledby": t
+	}, n), e ? /*#__PURE__*/ a.createElement("title", { id: t }, e) : null, /*#__PURE__*/ a.createElement("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"
+	}));
+}
+var s = /*#__PURE__*/ a.forwardRef(o), c = n();
+function l({ title: e, subtitle: t, backTo: n, backLabel: a = "Back", badges: o, actions: l, children: u }) {
+	let d = i();
+	return /* @__PURE__ */ (0, c.jsxs)("div", {
+		className: "relative bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 -mx-6 -mt-6 mb-6 px-6 py-5",
+		children: [/* @__PURE__ */ (0, c.jsx)("div", { className: "absolute inset-0 bg-gradient-to-r from-[var(--accent-9)]/10 to-transparent pointer-events-none" }), /* @__PURE__ */ (0, c.jsxs)("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ (0, c.jsxs)("button", {
+				onClick: () => {
+					d(n || -1);
+				},
+				className: "inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium rounded-md\n                     bg-white/90 backdrop-blur-md border border-white/40 text-gray-900\n                     shadow-sm hover:bg-white transition-colors mb-3",
+				children: [/* @__PURE__ */ (0, c.jsx)(s, { className: "w-4 h-4" }), a]
+			}), /* @__PURE__ */ (0, c.jsxs)("div", {
+				className: "flex items-end justify-between gap-4",
+				children: [/* @__PURE__ */ (0, c.jsxs)("div", { children: [
+					/* @__PURE__ */ (0, c.jsx)("h1", {
+						className: "text-xl md:text-2xl font-bold text-white",
+						children: e
+					}),
+					(t || o) && /* @__PURE__ */ (0, c.jsxs)("div", {
+						className: "flex items-center gap-2 mt-1",
+						children: [t && /* @__PURE__ */ (0, c.jsx)("span", {
+							className: "text-sm text-white/60",
+							children: t
+						}), o?.map((e, t) => /* @__PURE__ */ (0, c.jsx)(r, {
+							variant: e.variant || "soft",
+							color: e.color || "blue",
+							size: "1",
+							children: e.label
+						}, t))]
+					}),
+					u && /* @__PURE__ */ (0, c.jsx)("div", {
+						className: "mt-2",
+						children: u
+					})
+				] }), l && /* @__PURE__ */ (0, c.jsx)("div", {
+					className: "flex items-center gap-2 shrink-0",
+					children: l
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { l as t };