@payfit/unity-components
Version:
31 lines (30 loc) • 1.14 kB
JavaScript
import { useBreakpointListener as e } from "../../../hooks/use-breakpoint-listener.js";
import { forwardRef as t } from "react";
import { uyTv as n } from "@payfit/unity-themes";
import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
//#region src/components/funnel-layout/parts/FunnelPageActions.tsx
var o = n({ base: "uy:flex uy:flex-col uy:gap-200 uy:md:flex-row uy:md:justify-between" }), s = t(({ renderNext: t, renderPrevious: n, renderOptionalActions: s, ...c }, l) => {
let u = e(), d = u === "xs" || u === "sm";
return /* @__PURE__ */ a("div", {
ref: l,
"data-dd-privacy": "allow",
...c,
className: o(),
role: "group",
"data-unity-component": "FunnelPageActions",
children: [d && /* @__PURE__ */ a(r, { children: [
t(),
n?.(),
s?.()
] }), !d && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", {
className: "uy:flex uy:gap-100",
children: s?.()
}), /* @__PURE__ */ a("div", {
className: "uy:flex uy:gap-100",
children: [n?.(), t()]
})] })]
});
});
s.displayName = "FunnelPageActions";
//#endregion
export { s as FunnelPageActions, o as funnelPageActions };