import {
  NavSectionHorizontal_default
} from "./chunk-CNKTD7E5.mjs";
import {
  VerticalDrawer_default
} from "./chunk-TE3XXLZ7.mjs";

// tmp-babel/navigations/web/NavCentered/index.js
import React, { memo } from "react";
import { Scrollbar } from "@baseapp-frontend/design-system/components/web/scrollbars";
import { useResponsive } from "@baseapp-frontend/design-system/hooks/web";
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
var NavCentered = function NavCentered2(_ref) {
  var navData = _ref.navData, openNav = _ref.openNav, onCloseNav = _ref.onCloseNav;
  var lgDown = useResponsive("down", "lg");
  if (lgDown) {
    return /* @__PURE__ */ _jsxs(_Fragment, {
      children: [/* @__PURE__ */ _jsx(VerticalDrawer_default, {
        navData,
        openNav,
        onCloseNav
      }), /* @__PURE__ */ _jsx("div", {})]
    });
  }
  return /* @__PURE__ */ _jsx(Scrollbar, {
    sx: {
      "& .simplebar-content": {
        display: "flex"
      }
    },
    children: /* @__PURE__ */ _jsx(NavSectionHorizontal_default, {
      navData,
      hasTabLayout: true
    })
  });
};
var NavCentered_default = /* @__PURE__ */ memo(NavCentered);

export {
  NavCentered_default
};
//# sourceMappingURL=chunk-T3W2N4ZH.mjs.map