UNPKG

@engie-group/fluid-design-system-react

Version:

Fluid Design System React

14 lines (11 loc) 576 B
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 };