import { jsx } from "react/jsx-runtime";
/* empty css                                                                                                                                                                                          */
/* empty css                                                                                                                                                                                           */
/* empty css                                                                                                                                                                                                   */
/* empty css                                                                                                                                                                                              */
/* empty css                                                                                                                                                                                              */
import "clsx";
import { mergeSxList } from "../../../utils/styles.mjs";
import { Box } from "../../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/Box/Box.mjs";
import { ScrollArea } from "../../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/ScrollArea/ScrollArea.mjs";
const NavbarSection = ({ grow, scrollable, mod, sx, ...rest }) => {
  return /* @__PURE__ */ jsx(
    Box,
    {
      component: scrollable ? ScrollArea : void 0,
      mod: [{ grow, scrollable }, mod],
      sx: mergeSxList([
        {
          flexGrow: 0,
          "&:where([data-grow])": {
            flexGrow: 1
          }
        },
        sx
      ]),
      ...rest
    }
  );
};
export {
  NavbarSection
};
