import { jsxs as s, jsx as e } from "react/jsx-runtime";
import { Box as r } from "@mui/material";
import { styled as l } from "../Theme/index.js";
const u = l(r)`
  padding: 16px 24px;
  border-radius: 8px;
  background-color: ${({ theme: o }) => o.palette.background.paper};
  cursor: auto;

  .group-label {
    margin-bottom: 8px;
    color: ${({ theme: o }) => o.palette.grey[600]};
    font-size: 12px;
  }

  .nav {
    list-style: none;
    margin: 0;
    padding: 0;
  }
`;
function d({
  label: o,
  children: a,
  className: n = "",
  sx: t,
  ...p
}) {
  return /* @__PURE__ */ s(u, { className: `nav-menu-sub-item-group ${n}`, sx: { ...t }, ...p, children: [
    /* @__PURE__ */ e(r, { className: "group-label", children: o }),
    /* @__PURE__ */ e(r, { component: "ul", className: "nav", children: a })
  ] });
}
export {
  d as default
};
