@engie-group/fluid-design-system-react
Version:
Fluid Design System React
14 lines (11 loc) • 576 B
JavaScript
import { jsx } from 'react/jsx-runtime';
import { forwardRef } from 'react';
import { Utils } from '../../utils/util.js';
const NJBullet = forwardRef(({ variant, customColor, size, className, ...htmlProps }, ref) => {
const bulletClasses = Utils.classNames('nj-bullet', `nj-bullet--${variant ?? 'brand'}`, {
[`nj-bullet--${size}`]: size
}, className);
return (jsx("div", { ...htmlProps, ref: ref, className: bulletClasses, style: customColor ? { backgroundColor: customColor } : undefined }));
});
NJBullet.displayName = 'NJBullet';
export { NJBullet };