From c48f650355348dff5c0040f38db45ee506d25e5f Mon Sep 17 00:00:00 2001
From: Denis Voituron <dvoituron@outlook.com>
Date: Fri, 27 Sep 2024 17:03:18 +0200
Subject: [PATCH] Add a draft Switch to detect with and without Reboot.css

---
 examples/Demo/Shared/Shared/DemoMainLayout.razor | 11 +++++++++++
 examples/Demo/Shared/wwwroot/css/site.css        |  2 --
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/examples/Demo/Shared/Shared/DemoMainLayout.razor b/examples/Demo/Shared/Shared/DemoMainLayout.razor
index aa20f6336..afd4237a0 100644
--- a/examples/Demo/Shared/Shared/DemoMainLayout.razor
+++ b/examples/Demo/Shared/Shared/DemoMainLayout.razor
@@ -27,6 +27,17 @@
                     </svg>
                 </div>
             </a>
+            <div>
+                <link href="_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css" rel="stylesheet" id="rebootStyles" />
+                <script>
+                    function toggleRebootStyles() {
+                        const rebootLink = document.getElementById('rebootStyles');
+                        rebootLink.disabled = !rebootLink.disabled;
+                    }
+                </script>
+                <input type="checkbox" id="toggleStyles" onclick="toggleRebootStyles()" style="margin-left: 10px;" checked />
+                <span style="color: var(--neutral-foreground-rest); font-weight: normal; ">Reboot.css</span>
+            </div>
             <FluentSpacer />
 
             <div class="search">
diff --git a/examples/Demo/Shared/wwwroot/css/site.css b/examples/Demo/Shared/wwwroot/css/site.css
index 8db088145..e36afc7a5 100644
--- a/examples/Demo/Shared/wwwroot/css/site.css
+++ b/examples/Demo/Shared/wwwroot/css/site.css
@@ -1,5 +1,3 @@
-@import '/_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css';
-
 body {
     height: 100%;
     overflow: hidden;