From e14124a78c12a6284f983fad9aa203580c9f7ba1 Mon Sep 17 00:00:00 2001
From: Jiuqing Song <jisong@microsoft.com>
Date: Fri, 8 Mar 2024 10:10:23 -0800
Subject: [PATCH] Fix dark mode button in demo site

---
 demo/scripts/controlsV2/demoButtons/darkModeButton.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/demo/scripts/controlsV2/demoButtons/darkModeButton.ts b/demo/scripts/controlsV2/demoButtons/darkModeButton.ts
index c8272e472eb..32f773e8039 100644
--- a/demo/scripts/controlsV2/demoButtons/darkModeButton.ts
+++ b/demo/scripts/controlsV2/demoButtons/darkModeButton.ts
@@ -1,4 +1,4 @@
-import MainPaneBase from '../../controls/MainPaneBase';
+import { MainPane } from '../mainPane/MainPane';
 import type { RibbonButton } from '../roosterjsReact/ribbon';
 
 /**
@@ -18,7 +18,7 @@ export const darkModeButton: RibbonButton<DarkModeButtonStringKey> = {
         editor.focus();
 
         // Let main pane know this state change so that it can be persisted when pop out/pop in
-        MainPaneBase.getInstance().toggleDarkMode();
+        MainPane.getInstance().toggleDarkMode();
         return true;
     },
 };