import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { ListSubheader } from "../list/ListSubheader.js";
import { navItem } from "./navItemStyles.js";
/**
 * A simple wrapper around the {@link ListSubheader} that updates the padding
 * based on the current navigation item depth to match the other items.
 *
 * @see {@link https://react-md.dev/components/navigation | Navigation Demos}
 * @since 6.0.0
 */ export const NavSubheader = /*#__PURE__*/ forwardRef(function NavSubheader(props, ref) {
    const { textProps, ...remaining } = props;
    return /*#__PURE__*/ _jsx(ListSubheader, {
        ...remaining,
        ref: ref,
        textProps: {
            ...textProps,
            className: navItem({
                className: textProps?.className
            })
        }
    });
});

//# sourceMappingURL=NavSubheader.js.map