split theme components from slot to components

Author: sethhorsley

lib/ruby_ui/theme_toggle/set_dark_mode.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class SetDarkMode < ThemeToggle
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    def default_attrs
+      {
+        class: "hidden dark:inline-block",
+        data: {controller: "ruby-ui--theme-toggle", action: "click->ruby-ui--theme-toggle#setLightTheme"}
+      }
+    end
+  end
+end

lib/ruby_ui/theme_toggle/set_light_mode.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class SetLightMode < ThemeToggle
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    def default_attrs
+      {
+        class: "dark:hidden",
+        data: {controller: "ruby-ui--theme-toggle", action: "click->ruby-ui--theme-toggle#setDarkTheme"}
+      }
+    end
+  end
+end

lib/ruby_ui/theme_toggle/theme_toggle.rb

@@ -5,37 +5,5 @@ class ThemeToggle < Base
     def view_template(&)
       div(**attrs, &)
     end
-
-    def light_mode(**user_attrs, &)
-      light_attrs = mix(default_light_attrs, user_attrs)
-      div(**light_attrs, &)
-    end
-
-    def dark_mode(**user_attrs, &)
-      dark_attrs = mix(default_dark_attrs, user_attrs)
-      div(**dark_attrs, &)
-    end
-
-    private
-
-    def default_attrs
-      {
-        data: {controller: "ruby-ui--theme-toggle"}
-      }
-    end
-
-    def default_light_attrs
-      {
-        class: "dark:hidden",
-        data: {action: "click->ruby-ui--theme-toggle#setDarkTheme"}
-      }
-    end
-
-    def default_dark_attrs
-      {
-        class: "hidden dark:inline-block",
-        data: {action: "click->ruby-ui--theme-toggle#setLightTheme"}
-      }
-    end
   end
 end

test/ruby_ui/theme_toggle_test.rb

@@ -6,11 +6,11 @@ class RubyUI::ThemeToggleTest < ComponentTest
   def test_render_with_all_items
     output = phlex do
       RubyUI.ThemeToggle do |toggle|
-        toggle.light_mode do
+        RubyUI.SetLightMode do
           RubyUI.Button(variant: :primary) { "Light" }
         end
 
-        toggle.dark_mode do
+        RubyUI.SetDarkMode do
           RubyUI.Button(variant: :primary) { "Dark" }
         end
       end