@engie-group/fluid-design-system-react/lib/components/tooltip/NJTooltipContent.js

Fluid Design System React

import { jsxs, jsx } from 'react/jsx-runtime';
import React__default from 'react';
import { Utils } from '../../utils/util.js';
import '../popover/anchor/NJPopoverAnchor.js';
import { usePopoverContext } from '../popover/NJPopoverContext.js';
import '../popover/NJPopoverInteractionContext.js';

const NJTooltipContent = React__default.forwardRef(({ isColorInverse, hasArrow, className, arrowPlacement = 'center', children, ...htmlProps }, forwardedRef) => {
    const { placement } = usePopoverContext();
    const tooltipClass = Utils.classNames('nj-tooltip', {
        [`nj-tooltip--${placement}`]: !!placement,
        ['nj-tooltip--inverse']: isColorInverse,
        ['nj-tooltip--without-arrow']: !hasArrow
    }, className);
    return (jsxs("div", { ...htmlProps, ref: forwardedRef, className: tooltipClass, children: [jsx("div", { className: Utils.classNames('nj-tooltip__arrow', `nj-tooltip__arrow--${arrowPlacement}`) }), jsx("div", { className: "nj-tooltip__inner", children: children })] }));
});
NJTooltipContent.displayName = 'NJTooltipContent';

export { NJTooltipContent };