@payfit/unity-components
Version:
28 lines (27 loc) • 1.02 kB
JavaScript
import { useFunnelLayoutContext as e } from "../FunnelLayout.context.js";
import { forwardRef as t } from "react";
import { uyTv as n } from "@payfit/unity-themes";
import { jsx as r } from "react/jsx-runtime";
//#region src/components/funnel-layout/parts/FunnelPage.tsx
var i = n({ base: [
"uy:group/funnelpage uy:bg-surface-neutral uy:p-100 uy:pb-500 uy:md:shadow-raising uy:md:border-border-neutral uy:md:border uy:md:border-solid uy:md:rounded-400",
"uy:basis-full uy:shrink-0 uy:grow-1 uy:md:shrink",
"uy:flex uy:flex-col",
"uy:md:max-w-container-lg uy:lg:max-w-container-xl"
] }), a = t(({ children: t, ...n }, a) => {
let { ids: o } = e();
return /* @__PURE__ */ r("main", {
"data-dd-privacy": "mask-user-input",
...n,
ref: a,
id: o.mainContentId,
"aria-labelledby": o.funnelTitleId,
"aria-describedby": o.funnelDescriptionId,
className: i(),
"data-unity-component": "FunnelPage",
children: t
});
});
a.displayName = "FunnelPage";
//#endregion
export { a as FunnelPage, i as funnelPage };