import { jsx } from "react/jsx-runtime";
import "clsx";
import { mergeSxList } from "../../../utils/styles.mjs";
import { NavItemBase } from "./NavItemBase.mjs";
const SubNavItemBase = (props) => {
  return /* @__PURE__ */ jsx(
    NavItemBase,
    {
      ...props,
      sx: mergeSxList([
        {
          "&:not(:last-child)": {
            marginBottom: 8
          }
        },
        props.sx
      ])
    }
  );
};
export {
  SubNavItemBase
};
