From 89165a93a5d10b6e5d25c7e496557f2da4bf4aae Mon Sep 17 00:00:00 2001
From: Kesavaraja Krishnan <k7raja@live.com>
Date: Tue, 5 Mar 2024 20:28:51 +0530
Subject: [PATCH] More tools added for custom ui.

---
 .../examples/custom-ui/CustomUiExample.tsx    | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/apps/examples/src/examples/custom-ui/CustomUiExample.tsx b/apps/examples/src/examples/custom-ui/CustomUiExample.tsx
index 8c3e1059994..f2bc80fda5c 100644
--- a/apps/examples/src/examples/custom-ui/CustomUiExample.tsx
+++ b/apps/examples/src/examples/custom-ui/CustomUiExample.tsx
@@ -76,6 +76,35 @@ const CustomUi = track(() => {
 				>
 					Eraser
 				</button>
+				<button
+					className="custom-button"
+					data-isactive={editor.getCurrentToolId() === 'line'}
+					onClick={() => editor.setCurrentTool('line')}
+				>
+					Line
+				</button>
+
+				<button className="custom-button" data-isactive={editor.getCurrentToolId()==='text' } onClick={()=>
+					editor.setCurrentTool('text')}
+					>
+					Text
+				</button>
+
+				<button
+					className="custom-button"
+					data-isactive={editor.getCurrentToolId() === 'arrow'}
+					onClick={() => editor.setCurrentTool('arrow')}
+				>
+					Arrow
+				</button>
+
+				<button
+					className="custom-button"
+					data-isactive={editor.getCurrentToolId() === 'highlight'}
+					onClick={() => editor.setCurrentTool('highlight')}
+				>
+					Highlight
+				</button>
 			</div>
 		</div>
 	)