import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { navItem } from "./navItemStyles.js";
/**
 * This component is just used to add padding based on the depth of the nav item
 * and should not be used on its own. See the `CollapsibleNavGroup` and
 * `NavItemLink` instead.
 *
 * @see {@link https://react-md.dev/components/navigation | Navigation Demos}
 * @since 6.0.0
 */ export const NavItem = /*#__PURE__*/ forwardRef(function NavItem(props, ref) {
    const { className, children, ...remaining } = props;
    return /*#__PURE__*/ _jsx("li", {
        ...remaining,
        ref: ref,
        className: navItem({
            className
        }),
        children: children
    });
});

//# sourceMappingURL=NavItem.js.map