import { jsx as e, Fragment as i } from "@emotion/react/jsx-runtime";
import n from "../../hooks/useSideBar/index.js";
import { TEST_PROP_ID as m } from "../../../../test/constants_no_mock.js";
import { getNameDataTestId as p } from "../../tests/utils.js";
import { Drawer as l } from "./subcomponents/Drawer.js";
import { ContainerSideBarMobileStyled as d } from "../../slots/SideBarSlots.js";
import s from "../ContentComponent/index.js";
const P = () => {
  const {
    visible: o,
    onToggleVisible: r,
    expandedWidth: t
  } = n();
  return o ? /* @__PURE__ */ e(
    l,
    {
      open: o,
      onClose: () => r(!1),
      ModalProps: { keepMounted: !1 },
      PaperProps: { sx: { width: t } },
      children: /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
        d,
        {
          ...process.env.NODE_ENV !== "production" ? { [m]: p("contentMobile") } : {},
          children: /* @__PURE__ */ e(s, {})
        }
      ) })
    }
  ) : null;
};
export {
  P as SideBarMobile
};
