import {
  NavSectionMini_default
} from "./chunk-YVDSG4EM.mjs";
import {
  NavToggleButton
} from "./chunk-5PCMUT45.mjs";
import {
  VerticalDrawer_default
} from "./chunk-TE3XXLZ7.mjs";
import {
  NAV_WIDTH
} from "./chunk-H2T3FU4G.mjs";

// tmp-babel/navigations/web/NavMini/index.js
import { Logo } from "@baseapp-frontend/design-system/components/web/logos";
import { useResponsive } from "@baseapp-frontend/design-system/hooks/web";
import { hideScroll } from "@baseapp-frontend/design-system/styles/web";
import Box from "@mui/material/Box";
import Stack from "@mui/material/Stack";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function _typeof(o) {
  "@babel/helpers - typeof";
  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
    return typeof o2;
  } : function(o2) {
    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
  }, _typeof(o);
}
function ownKeys(e, r) {
  var t = Object.keys(e);
  if (Object.getOwnPropertySymbols) {
    var o = Object.getOwnPropertySymbols(e);
    r && (o = o.filter(function(r2) {
      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
    })), t.push.apply(t, o);
  }
  return t;
}
function _objectSpread(e) {
  for (var r = 1; r < arguments.length; r++) {
    var t = null != arguments[r] ? arguments[r] : {};
    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
      _defineProperty(e, r2, t[r2]);
    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
    });
  }
  return e;
}
function _defineProperty(e, r, t) {
  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
}
function _toPropertyKey(t) {
  var i = _toPrimitive(t, "string");
  return "symbol" == _typeof(i) ? i : i + "";
}
function _toPrimitive(t, r) {
  if ("object" != _typeof(t) || !t) return t;
  var e = t[Symbol.toPrimitive];
  if (void 0 !== e) {
    var i = e.call(t, r || "default");
    if ("object" != _typeof(i)) return i;
    throw new TypeError("@@toPrimitive must return a primitive value.");
  }
  return ("string" === r ? String : Number)(t);
}
var NavMini = function NavMini2(_ref) {
  var navData = _ref.navData, LogoIcon = _ref.LogoIcon, LogoProps = _ref.LogoProps, openNav = _ref.openNav, onCloseNav = _ref.onCloseNav, _ref$hideToggleButton = _ref.hideToggleButton, hideToggleButton = _ref$hideToggleButton === void 0 ? false : _ref$hideToggleButton;
  var lgDown = useResponsive("down", "lg");
  if (lgDown) {
    return /* @__PURE__ */ _jsx(VerticalDrawer_default, {
      navData,
      openNav,
      onCloseNav
    });
  }
  return /* @__PURE__ */ _jsxs(Box, {
    "data-testid": "nav-mini",
    sx: {
      flexShrink: {
        lg: 0
      },
      width: {
        lg: NAV_WIDTH.MINI
      },
      display: {
        xs: "none",
        lg: "flex"
      }
    },
    children: [!hideToggleButton && /* @__PURE__ */ _jsx(NavToggleButton, {
      sx: {
        top: 22,
        left: NAV_WIDTH.MINI - 12
      }
    }), /* @__PURE__ */ _jsxs(Stack, {
      sx: _objectSpread({
        pb: 2,
        height: 1,
        position: "fixed",
        width: NAV_WIDTH.MINI,
        borderRight: function borderRight(theme) {
          return "solid 1px ".concat(theme.palette.divider);
        }
      }, hideScroll.x),
      children: [LogoIcon && /* @__PURE__ */ _jsx(Logo, _objectSpread(_objectSpread({}, LogoProps), {}, {
        sx: _objectSpread({
          mx: "auto",
          my: 2
        }, LogoProps === null || LogoProps === void 0 ? void 0 : LogoProps.sx),
        children: /* @__PURE__ */ _jsx(LogoIcon, {})
      })), /* @__PURE__ */ _jsx(NavSectionMini_default, {
        navData
      })]
    })]
  });
};
var NavMini_default = NavMini;

export {
  NavMini_default
};
//# sourceMappingURL=chunk-YPL3F6PX.mjs.map