import { jsx as t } from "@emotion/react/jsx-runtime";
import r from "../../hook/topBarContext/index.js";
import { NavItemRoot as i } from "./subcomponets/NavItem/index.js";
import { TEST_PROP_ID as p } from "../../../../../test/constants_no_mock.js";
import { getNameDataTestId as s } from "../../../../../test/getNameDataTestId.js";
import { componentName as n } from "../../classes/constants.js";
const D = () => {
  const { dataMenu: e, classes: m, dataTestId: a } = r();
  return /* @__PURE__ */ t(
    "div",
    {
      className: m.SimplebarComercial,
      ...process.env.NODE_ENV !== "production" ? { [p]: s(n, "SimplebarComercial", a) } : {},
      //Map que se encarga de cargar el iNavItemRoot
      children: e.map((o) => /* @__PURE__ */ t(i, { itemRootData: o }, o.module_id))
    }
  );
};
export {
  D as ConteinItem
};
