@payfit/unity-components
Version:
16 lines (15 loc) • 866 B
JavaScript
import { useAppMenuContext as e } from "./AppMenu.context.js";
import { uyMerge as t } from "@payfit/unity-themes";
import { jsx as n } from "react/jsx-runtime";
//#region src/components/app-menu/parts/AppMenuNavContent.tsx
var r = ({ children: r }) => {
let { isMobileMenuOpen: i } = e();
return /* @__PURE__ */ n("div", {
className: t("uy:flex-col uy:overflow-y-auto uy:overflow-x-hidden uy:gap-y-100 uy:pl-200 uy:pr-200 uy:pb-200 uy:scroll-py-100 uy:md:flex", "uy:bg-canvas uy:md:bg-[transparent]", "uy:absolute uy:top-800 uy:left-0 uy:right-0 uy:z-10 uy:h-svh uy:md:static uy:md:w-auto uy:md:pl-50 uy:md:pr-50 uy:md:pb-50", "uy:data-[mobile-open=false]:hidden uy:md:data-[mobile-open=false]:flex uy:data-[mobile-open=true]:flex"),
"data-mobile-open": i,
id: "app-menu-nav-container",
children: r
});
};
//#endregion
export { r as AppMenuNavContent };