@payfit/unity-components
Version:
35 lines (34 loc) • 1.08 kB
JavaScript
import { forwardRef as e } from "react";
import { uyTv as t } from "@payfit/unity-themes";
import { jsx as n } from "react/jsx-runtime";
//#region src/components/page/Page.tsx
var r = t({
base: ["uy:min-h-dvh uy:flex uy:flex-col uy:gap-400", "uy:[&:has([data-unity-fab])]:pb-[200px] uy:[&:has([data-unity-fab])]:md:pb-0"],
variants: { variant: {
default: [
"uy:px-200 uy:py-300 uy:md:p-300 uy:lg:p-500",
"uy:md:ml-100",
"uy:bg-surface-neutral uy:md:border uy:md:border-solid uy:md:border-border-neutral-low uy:border-r-0 uy:md:rounded-l-300",
"uy:md:shadow-[-1px_-1px_2px_-1px_var(--uy-color-utility-shadow-raising)]"
],
legacy__midnight: [
"uy:bg-transparent",
"uy:md:mt-250 uy:md:mr-300",
"uy:md:ml-100"
]
} },
defaultVariants: { variant: "default" }
}), i = e(({ children: e, variant: t, ...i }, a) => {
let o = r({ variant: t });
return /* @__PURE__ */ n("main", {
...i,
ref: a,
className: o,
"data-dd-privacy": "allow",
"data-unity-page": t,
children: e
});
});
i.displayName = "Page";
//#endregion
export { i as Page, r as page };