import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { List } from "../list/List.js";
import { navGroup } from "./navGroupStyles.js";
/**
 * **Server Component**
 *
 * A simple wrapper around the {@link Link} component that ads the
 * `--rmd-tree-depth: depth` custom property to allow for incremented padding.
 *
 * @since 6.0.0
 */ export const NavGroup = /*#__PURE__*/ forwardRef(function NavGroup(props, ref) {
    const { style, depth, className, children, ...remaining } = props;
    return /*#__PURE__*/ _jsx(List, {
        ...remaining,
        ref: ref,
        style: {
            ...style,
            "--rmd-tree-depth": depth
        },
        className: navGroup({
            className,
            disablePadding: depth > 0
        }),
        children: children
    });
});

//# sourceMappingURL=NavGroup.js.map