@engie-group/fluid-design-system-react/lib/components/sidebar/root/NJSidebarRoot.js

Fluid Design System React

import { jsx } from 'react/jsx-runtime';
import React__default, { useCallback } from 'react';
import { useStateControl } from '../../../utils/hook.js';
import { Utils } from '../../../utils/util.js';
import { NJSidebarContext } from '../NJSidebarContext.js';

const NJSidebarRoot = React__default.forwardRef((props, forwardedRef) => {
    const { children, className, onCollapse: onCollapse, initialCollapsed, collapsed: controlledCollapsed, ...htmlProps } = props;
    const [collapsed, setCollapsed] = useStateControl(initialCollapsed, controlledCollapsed);
    const toggleCollapse = useCallback(() => {
        setCollapsed(!collapsed);
        onCollapse?.(!collapsed);
    }, [onCollapse, collapsed]);
    const classes = Utils.classNames('nj-sidebar', className, {
        'nj-sidebar--collapsed': collapsed
    });
    return (jsx("div", { ref: forwardedRef, ...htmlProps, className: classes, children: jsx(NJSidebarContext.Provider, { value: { collapsed, toggleCollapse }, children: children }) }));
});
NJSidebarRoot.displayName = 'NJSidebarRoot';

export { NJSidebarRoot };