UNPKG

@payfit/unity-components

Version:

32 lines (31 loc) 1.01 kB
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 };