Pass hint as the content block when rendering

This brings Flowbite::Input::Hint in line with how
Flowbite::Input::Label works.

Author: koppen

app/components/flowbite/input/hint.rb

@@ -24,16 +24,15 @@ def styles
 
       def call
         tag.p(
-          @hint,
+          content,
           class: classes,
           **@hint_attributes
         )
       end
 
-      def initialize(attribute:, form:, hint:, hint_attributes: {})
+      def initialize(attribute:, form:, hint_attributes: {})
         @attribute = attribute
         @form = form
-        @hint = hint
         @hint_attributes = hint_attributes
         @object = form.object
       end

app/components/flowbite/input_field.rb

@@ -89,12 +89,12 @@ def input_component
     def hint
       return unless hint?
 
-      render(Flowbite::Input::Hint.new(
+      component = Flowbite::Input::Hint.new(
         attribute: @attribute,
         form: @form,
-        hint: @hint,
         hint_attributes: {id: id_for_hint_element}
-      ))
+      ).with_content(@hint)
+      render(component)
     end
 
     protected

app/components/flowbite/input_field/checkbox.rb

@@ -15,17 +15,15 @@ def input_component
       def hint
         return unless hint?
 
-        render(
-          Flowbite::Input::Hint.new(
-            attribute: @attribute,
-            form: @form,
-            hint_attributes: {
-              class: hint_classes,
-              id: id_for_hint_element
-            },
-            hint: @hint
-          )
-        )
+        component = Flowbite::Input::Hint.new(
+          attribute: @attribute,
+          form: @form,
+          hint_attributes: {
+            class: hint_classes,
+            id: id_for_hint_element
+          }
+        ).with_content(@hint)
+        render(component)
       end
 
       # Returns the HTML to use for the label element

app/components/flowbite/input_field/radio_button.rb

@@ -43,17 +43,15 @@ def default_label_options
       def hint
         return unless hint?
 
-        render(
-          Flowbite::Input::Hint.new(
-            attribute: @attribute,
-            form: @form,
-            hint_attributes: {
-              class: hint_classes,
-              id: id_for_hint_element
-            },
-            hint: @hint
-          )
-        )
+        component = Flowbite::Input::Hint.new(
+          attribute: @attribute,
+          form: @form,
+          hint_attributes: {
+            class: hint_classes,
+            id: id_for_hint_element
+          }
+        ).with_content(@hint)
+        render(component)
       end
 
       private

test/components/input/hint_test.rb

@@ -12,14 +12,14 @@ def setup
   end
 
   def test_renders_a_hint
-    render_inline(Flowbite::Input::Hint.new(form: @form, attribute: :title, hint: "What's the title?"))
+    render_inline(Flowbite::Input::Hint.new(form: @form, attribute: :title)) { "What's the title?" }
 
     assert_component_rendered
     assert_selector("p.text-sm.text-gray-500", text: "What's the title?")
   end
 
   def test_accepts_custom_attributes
-    render_inline(Flowbite::Input::Hint.new(form: @form, attribute: :title, hint: "What's the title?", hint_attributes: {id: "custom_hint"}))
+    render_inline(Flowbite::Input::Hint.new(form: @form, attribute: :title, hint_attributes: {id: "custom_hint"})) { "What's the title?" }
 
     assert_selector("p#custom_hint.text-sm.text-gray-500", text: "What's the title?")
   end