import { jsx as o } from "@emotion/react/jsx-runtime";
import { TEST_PROP_ID as m } from "../../../test/constants_no_mock.js";
import { getTopBarClassesUtilityClass as s } from "./classes/index.js";
import { ConteinItem as p } from "./component/ConteinItem/index.js";
import { TopBarProvider as i } from "./context/index.js";
import { TopBarRoot as n } from "./style.js";
import { getNameDataTestId as c } from "../../../test/getNameDataTestId.js";
import { componentName as d } from "./classes/constants.js";
const v = (e) => {
  const { dataMenu: a, dataTestId: r } = e, t = s();
  return /* @__PURE__ */ o(
    n,
    {
      className: t.root,
      ...process.env.NODE_ENV !== "production" ? { [m]: c(d, "root", r) } : {},
      children: /* @__PURE__ */ o(i, { value: { dataMenu: a, classes: t, dataTestId: r }, children: /* @__PURE__ */ o(p, {}) })
    }
  );
};
export {
  v as TopBar
};
