@payfit/unity-components
Version:
42 lines (41 loc) • 1.46 kB
JavaScript
import { Breadcrumbs as e } from "../../breadcrumbs/Breadcrumbs.js";
import { Breadcrumb as t } from "../../breadcrumbs/parts/Breadcrumb.js";
import { RawBreadcrumbLink as n } from "../../breadcrumbs/parts/RawBreadcrumbLink.js";
import { forwardRef as r } from "react";
import { uyTv as i } from "@payfit/unity-themes";
import { jsx as a, jsxs as o } from "react/jsx-runtime";
//#region src/components/page/parts/PageHeader.tsx
var s = i({ slots: {
base: "uy:flex uy:flex-col uy:gap-400",
headingActionsWrapper: "uy:flex uy:flex-col uy:gap-400 uy:md:flex-row",
titles: "uy:flex uy:flex-col uy:gap-100 uy:flex-1",
actions: "uy:flex uy:flex-row uy:gap-100"
} }), c = (r) => r ? /* @__PURE__ */ a(e, {
items: r,
wrap: "nowrap",
children: (e) => /* @__PURE__ */ a(t, { children: /* @__PURE__ */ a(n, {
href: e.href,
children: e.label
}) })
}) : null, l = r(({ children: e, actions: t, pagePath: n, renderBreadcrumbs: r, ...i }, l) => {
let { base: u, titles: d, headingActionsWrapper: f, actions: p } = s(), m = (r ?? c)(n);
return /* @__PURE__ */ o("header", {
"data-dd-privacy": "allow",
...i,
ref: l,
className: u(),
children: [m, /* @__PURE__ */ o("div", {
className: f(),
children: [/* @__PURE__ */ a("div", {
className: d(),
children: e
}), t && /* @__PURE__ */ a("div", {
className: p(),
children: t
})]
})]
});
});
l.displayName = "PageHeader";
//#endregion
export { l as PageHeader, s as pageHeader };