/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */

// @flow

// Maybe reuse file search's functions?

import React from "react";
import type { Match } from "../components/ProjectSearch";

export function highlightMatches(lineMatch: Match) {
  const { value, matchIndex, match } = lineMatch;
  const len = match.length;

  return (
    <span className="line-value">
      <span className="line-match" key={0}>
        {value.slice(0, matchIndex)}
      </span>
      <span className="query-match" key={1}>
        {value.substr(matchIndex, len)}
      </span>
      <span className="line-match" key={2}>
        {value.slice(matchIndex + len, value.length)}
      </span>
    </span>
  );
}