From c3b1e883d96cd8c149d68b227d7cff5f60ef26a7 Mon Sep 17 00:00:00 2001
From: Fauzia Siddique <fauzia.siddique@gmail.com>
Date: Tue, 16 Dec 2025 14:34:42 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=A4=96=20Merge=20PR=20#74095=20React-high?=
 =?UTF-8?q?light-words:=20update=20highlightClassName=20type=20to=20suppor?=
 =?UTF-8?q?t=20Record<string,=20string>=20by=20@fzscodes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 types/react-highlight-words/index.d.ts                      | 2 +-
 types/react-highlight-words/react-highlight-words-tests.tsx | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/types/react-highlight-words/index.d.ts b/types/react-highlight-words/index.d.ts
index e2813a22f4a153..d792d08bd4c1f4 100644
--- a/types/react-highlight-words/index.d.ts
+++ b/types/react-highlight-words/index.d.ts
@@ -33,7 +33,7 @@ export interface HighlighterProps {
      */
     findChunks?: ((options: FindChunks) => Chunk[]) | undefined;
     /** CSS class name applied to highlighted text */
-    highlightClassName?: string | undefined;
+    highlightClassName?: string | Record<string, string> | undefined;
     /** Inline styles applied to highlighted text */
     highlightStyle?: React.CSSProperties | undefined;
     /**
diff --git a/types/react-highlight-words/react-highlight-words-tests.tsx b/types/react-highlight-words/react-highlight-words-tests.tsx
index 260727339a4cc6..c79d7692d4154e 100644
--- a/types/react-highlight-words/react-highlight-words-tests.tsx
+++ b/types/react-highlight-words/react-highlight-words-tests.tsx
@@ -60,6 +60,11 @@ class HighlighterTest extends React.Component {
                     unhighlightStyle={{ color: "red" }}
                     unhighlightTag={CustomUnhighlight}
                 />
+                <Highlighter
+                    highlightClassName={{ el: "highlight-el", or: "highlight-or" }}
+                    searchWords={["el", "or"]}
+                    textToHighlight="Hello World"
+                />
             </div>
         );
     }