hunk.code_window:   additionalAutocomplete?: AdditionalDynamicDataTree;
     theme?: EditorTheme;
     hideEvaluatedValue?: boolean;
   }) {
     const {
       dataTreePath,
  
hunk.labels: keep keep add keep keep keep
hunk.after_edit:   enableAI?: boolean;
  
hunk.file_path: app/client/src/components/propertyControls/InputTextControl.tsx
hunk.type: add
file: import React from "react";
  import { Text } from "design-system";
  
  function Highlight({
    className,
    match,
    text,
  }: {
    className?: string;
    match: string;
    text: string;
  }) {
    if (!match) return <span className={className}>{text}</span>;
  
    const regEx = new RegExp(match, "ig");
    const parts = text?.split(regEx);
    if (parts?.length === 1) return <span className={className}>{text}</span>;
    let lastIndex = 0;
  
    return (
      <Text className={className} kind="heading-xs">
        {parts?.map((part, index) => {
          lastIndex += Math.max(part.length, 0);
          const result = (
            <React.Fragment key={index}>
              {part}
              {index !== parts.length - 1 && (
                <span className="search-highlighted">
                  {text.slice(lastIndex, lastIndex + match.length)}
                </span>
              )}
            </React.Fragment>
          );
          lastIndex += match.length;
          return result;
        })}
      </Text>
    );
  }
  
  export default Highlight;
  