@wordpress/components/build/text-highlight/index.js

UI components for WordPress.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@wordpress/element");

var _lodash = require("lodash");

/**
 * External dependencies
 */

/**
 * WordPress dependencies
 */
const TextHighlight = ({
  text = '',
  highlight = ''
}) => {
  const trimmedHighlightText = highlight.trim();

  if (!trimmedHighlightText) {
    return text;
  }

  const regex = new RegExp(`(${(0, _lodash.escapeRegExp)(trimmedHighlightText)})`, 'gi');
  return (0, _element.createInterpolateElement)(text.replace(regex, '<mark>$&</mark>'), {
    mark: (0, _element.createElement)("mark", null)
  });
};

var _default = TextHighlight;
exports.default = _default;
//# sourceMappingURL=index.js.map