@engie-group/fluid-design-system-react/lib/components/sidebar/collapse-item/NJSidebarCollapseItem.js

Fluid Design System React

import { jsx } from 'react/jsx-runtime';
import { Root as Slot } from '../../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
import React__default from 'react';
import { NJSidebarItem } from '../item/NJSidebarItem.js';
import { useSidebarContext } from '../NJSidebarContext.js';

const NJSidebarCollapseItem = React__default.forwardRef((props, forwardedRef) => {
    const { toggleCollapse } = useSidebarContext();
    const { children, ...sidebarItemProps } = props;
    return (jsx(Slot, { onClick: toggleCollapse, children: jsx(NJSidebarItem, { ref: forwardedRef, ...sidebarItemProps, children: children }) }));
});
NJSidebarCollapseItem.displayName = 'NJSidebarCollapseItem';

export { NJSidebarCollapseItem };