diff --git a/src/Components/ThemeSwitcher.php b/src/Components/ThemeSwitcher.php
index cf2a1b6..996f87d 100644
--- a/src/Components/ThemeSwitcher.php
+++ b/src/Components/ThemeSwitcher.php
@@ -11,9 +11,9 @@ class ThemeSwitcher extends LazyComponent
     public function render(): Closure|View
     {
         return function (array $data) {
-            $data['attributes']['themeToggle'] = config('lazy.themes.theme_toggle');
-            $data['attributes']['toggleThemes'] = config('lazy.themes.toggle_themes');
-            $data['attributes']['themes'] = config('lazy.themes.themes');
+            $data['themeToggle'] = config('lazy.themes.theme_toggle');
+            $data['toggleThemes'] = config('lazy.themes.toggle_themes', []);
+            $data['themes'] = config('lazy.themes.themes', []);
 
             return view('lazy::themeswitcher', $this->mergeData($data))->render();
         };
diff --git a/tests/Components/ThemeSwitcherTest.php b/tests/Components/ThemeSwitcherTest.php
new file mode 100644
index 0000000..1f8a5c0
--- /dev/null
+++ b/tests/Components/ThemeSwitcherTest.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace Step2dev\LazyUI\Tests\Components;
+
+it('renders configured theme arrays without converting them to html attributes', function () {
+    config()->set('lazy.themes.theme_toggle', 'multiple');
+    config()->set('lazy.themes.toggle_themes', ['light', 'dark']);
+    config()->set('lazy.themes.themes', ['light', 'dark', 'business']);
+
+    $this->blade('<x-lazy-theme-switcher/>')
+        ->assertSee('data-set-theme="light"', false)
+        ->assertSee('data-set-theme="dark"', false)
+        ->assertSee('data-set-theme="business"', false);
+});