import React, { useContext } from 'react';
import { SearchValueContext } from '../contexts/SearchValueContext';
import { Highlighter } from '../Highlighter';
import { useStyles } from './styles';
export var SearchHighlighter = function (_a) {
    var text = _a.text;
    var styles = useStyles();
    var keywordValue = useContext(SearchValueContext);
    return React.createElement(Highlighter, { text: text, highlight: keywordValue, className: styles.highlightedText, multiTerm: true });
};
