@engie-group/fluid-design-system-react/lib/components/sidebar/header/NJSidebarHeader.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 { Utils } from '../../../utils/util.js';
import { useSidebarContext } from '../NJSidebarContext.js';

const NJSidebarHeader = React__default.forwardRef((props, forwardedRef) => {
    const sidebarContext = useSidebarContext();
    const { className, logo, logoCollapsed, ...htmlProps } = props;
    const classes = Utils.classNames('nj-sidebar__header', className);
    const finalLogo = sidebarContext.collapsed ? (logoCollapsed ?? logo) : logo;
    return (jsx("div", { ref: forwardedRef, ...htmlProps, className: classes, children: finalLogo && jsx(Slot, { className: "nj-sidebar__header-logo", children: finalLogo }) }));
});
NJSidebarHeader.displayName = 'NJSidebarHeader';

export { NJSidebarHeader };