import EmphasisHtmlTransformer from './EmphasisHtmlTransformer.mjs';
import { jsx } from 'react/jsx-runtime';

const SUPPORTED_TAGS = ['important', 'positive', 'negative', 'warning'];
const emphasisHtmlTransformer = new EmphasisHtmlTransformer(SUPPORTED_TAGS);
const Emphasis = ({
  text = undefined
}) => {
  if (!text) {
    return null;
  }
  const transformedText = emphasisHtmlTransformer.transform(text);
  // eslint-disable-next-line react/no-danger
  return transformedText ? /*#__PURE__*/jsx("span", {
    dangerouslySetInnerHTML: {
      __html: transformedText
    }
  }) : null;
};

export { Emphasis as default };
//# sourceMappingURL=Emphasis.mjs.map
