import { jsxs as t, jsx as r } from "react/jsx-runtime";
import { Aside as i } from "../aside/index.js";
import { Branding as l } from "../branding/index.js";
import { Figure as s } from "../figure/index.js";
import { Icon as p } from "../icon/index.js";
import { Nav as u } from "../nav/index.js";
import '../../assets/index23.css';const c = "_menu_1q9tu_29", d = "_portal_1q9tu_55", a = {
  menu: c,
  portal: d
}, y = ({
  accessibleLabel: m = "Show menu",
  children: o,
  portals: e,
  open: n = !0
}) => /* @__PURE__ */ t("details", { className: a.menu, open: n || void 0, "data-component": "portal", children: [
  /* @__PURE__ */ r("summary", { "aria-label": m, children: /* @__PURE__ */ r(p, { name: "menu", size: "large", variant: "primary" }) }),
  /* @__PURE__ */ t(i, { className: a.portal, children: [
    /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(l, { name: "logo", size: 86, variant: "white" }) }),
    e && /* @__PURE__ */ r(u, { horizontal: !0, children: e }),
    o && o
  ] })
] });
export {
  y as Portal
};
//# sourceMappingURL=index.js.map
