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

UI components for GeChiUI.

"use strict";

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

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

var _lodash = require("lodash");

/**
 * External dependencies
 */

/**
 * GeChiUI dependencies
 */
const TextHighlight = _ref => {
  let {
    text = '',
    highlight = ''
  } = _ref;
  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