import { jsxs as u, jsx as n } from "@emotion/react/jsx-runtime";
import { useState as f } from "react";
import { HamburgerMenuRoot as g } from "./styles.js";
import { useHamburgerMenuComercialUtilityClasses as d } from "./classes/index.js";
import { TEST_PROP_ID as b } from "../../../test/constants_no_mock.js";
import { getNameDataTestId as _ } from "./test/utils.js";
import { useEnvironment as h } from "@m4l/core";
import { IconButton as C } from "../../extended/mui/IconButton/IconButton.js";
import { SideBar as N } from "../../SideBar/SideBar.js";
const x = (m) => {
  const { data: a, itemClick: i } = m, [e, s] = f(!1), { host_static_assets: l, environment_assets: c } = h(), t = () => {
    s((o) => !o);
  }, p = () => {
    e && s(!1);
  }, r = d();
  return /* @__PURE__ */ u(
    g,
    {
      className: r.root,
      ...process.env.NODE_ENV !== "production" ? { [b]: _("root") } : {},
      children: [
        /* @__PURE__ */ n(
          C,
          {
            src: `${l}/${c}/frontend/web_comercial/menu.svg`,
            className: r.ImageLogo,
            onClick: () => t()
          }
        ),
        /* @__PURE__ */ n(
          N,
          {
            menuData: a,
            visible: e,
            onMenuItemClick: (o) => i(o),
            onToggleAnchored: p,
            onToggleVisible: t,
            anchored: !1,
            companyLogoSmallUrl: "",
            companyName: ""
          }
        )
      ]
    }
  );
};
export {
  x as HamburgerMenu
};
