@engie-group/fluid-design-system-react/lib/components/sidepanel/NJSidepanel.js

Fluid Design System React

import { jsxs, jsx } from 'react/jsx-runtime';
import React__default from 'react';
import { Utils } from '../../utils/util.js';

const NJSidepanel = React__default.forwardRef(({ header, children, footer, className, ...htmlProps }, ref) => {
    const classes = Utils.classNames('nj-sidepanel', className);
    return (jsxs("div", { ref: ref, ...htmlProps, className: classes, children: [header && jsx("div", { className: "nj-sidepanel__header", children: header }), jsx("div", { className: "nj-sidepanel__content", children: children }), footer && jsx("div", { className: "nj-sidepanel__footer", children: footer })] }));
});
NJSidepanel.displayName = 'NJSidepanel';

export { NJSidepanel };