@payfit/unity-components/dist/esm/components/app-menu/parts/AppMenuFooter.js

import { isDesktopBreakpoint as e, useBreakpointListener as t } from "../../../hooks/use-breakpoint-listener.js";
import { useAppMenuContext as n } from "./AppMenu.context.js";
import { AppProfileMenuButton as r } from "../../app-profile-menu-button/AppProfileMenuButton.js";
import { jsx as i, jsxs as a } from "react/jsx-runtime";
//#region src/components/app-menu/parts/AppMenuFooter.tsx
var o = ({ children: o, computeSlot: s, isProfileMenuButtonVisibleOnDesktop: c = !0, updateNotificationSlot: l, ...u }) => {
	let { isMobileMenuOpen: d } = n(), f = t();
	return /* @__PURE__ */ a("aside", {
		className: "uy:shrink-0 uy:bg-canvas uy:md:mt-auto uy:md:bg-[transparent] uy:data-[mobile-open=false]:hidden uy:md:data-[mobile-open=false]:block uy:data-[mobile-open=true]:block",
		"data-mobile-open": d,
		id: "app-menu-profile-button",
		children: [
			s,
			l,
			(c || !e(f)) && /* @__PURE__ */ i(r, {
				...u,
				variant: "large",
				children: o
			})
		]
	});
};
//#endregion
export { o as AppMenuFooter };