Allow passing attributes to navbar sections

lib/phlexy_ui/navbar.rb

@@ -18,16 +18,31 @@ def view_template(&)
       end
     end
 
-    def start(&)
-      div(class: :"navbar-start", &)
+    def start(*, as: :div, **options, &)
+      generate_classes!(
+        component_html_class: :"navbar-start",
+        options:
+      ).then do |classes|
+        public_send(as, class: classes, **options, &)
+      end
     end
 
-    def center(&)
-      div(class: :"navbar-center", &)
+    def center(*, as: :div, **options, &)
+      generate_classes!(
+        component_html_class: :"navbar-center",
+        options:
+      ).then do |classes|
+        public_send(as, class: classes, **options, &)
+      end
     end
 
-    def end(&)
-      div(class: :"navbar-end", &)
+    def end(*, as: :div, **options, &)
+      generate_classes!(
+        component_html_class: :"navbar-end",
+        options:
+      ).then do |classes|
+        public_send(as, class: classes, **options, &)
+      end
     end
 
     register_modifiers(

spec/lib/phlexy_ui/navbar_spec.rb

@@ -55,13 +55,13 @@
       Class.new(Phlex::HTML) do
         def view_template(&)
           render PhlexyUI::Navbar.new do |navbar|
-            navbar.start do
+            navbar.start class: "start", data: {my: :start} do
             end
 
-            navbar.center do
+            navbar.center class: "center", data: {my: :center} do
             end
 
-            navbar.end do
+            navbar.end class: "end", data: {my: :end} do
             end
           end
         end
@@ -75,9 +75,9 @@ def view_template(&)
     it "is expected to match the formatted HTML" do
       expected_html = html <<~HTML
         <nav class="navbar">
-          <div class="navbar-start"></div>
-          <div class="navbar-center"></div>
-          <div class="navbar-end"></div>
+          <div class="navbar-start start" data-my="start"></div>
+          <div class="navbar-center center" data-my="center"></div>
+          <div class="navbar-end end" data-my="end"></div>
         </nav>
       HTML