@payfit/unity-components
Version:
32 lines (31 loc) • 1.01 kB
JavaScript
import { forwardRef as e } from "react";
import { uyTv as t } from "@payfit/unity-themes";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region src/components/page/parts/PageHeader.tsx
var i = t({ 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"
} }), a = e(({ children: e, actions: t, renderBreadcrumbs: a, ...o }, s) => {
let { base: c, titles: l, headingActionsWrapper: u, actions: d } = i();
return /* @__PURE__ */ r("header", {
"data-dd-privacy": "allow",
...o,
ref: s,
className: c(),
children: [a?.(), /* @__PURE__ */ r("div", {
className: u(),
children: [/* @__PURE__ */ n("div", {
className: l(),
children: e
}), t && /* @__PURE__ */ n("div", {
className: d(),
children: t
})]
})]
});
});
a.displayName = "PageHeader";
//#endregion
export { a as PageHeader, i as pageHeader };