Extract component to render a single stat box

app/components/admin/stats/sdg/goal_component.html.erb

@@ -4,11 +4,7 @@
 
   <div class="stats-numbers">
     <% stats.each do |text, amount, options = {}| %>
-      <div class="small-12 medium-4 column">
+      <%= render Admin::Stats::StatComponent.new(text: text, amount: amount, options: options) %>
-        <%= tag.p(options) do %>
-          <%= text %> <br><span class="number"><%= amount %></span>
-        <% end %>
-      </div>
     <% end %>
   </div>
 </div>

app/components/admin/stats/stat_component.html.erb

@@ -0,0 +1,5 @@
+<div class="small-12 medium-4 column">
+  <%= tag.p(options) do %>
+    <%= text %> <br><span class="number"><%= amount %></span>
+  <% end %>
+</div>

app/components/admin/stats/stat_component.rb

@@ -0,0 +1,9 @@
+class Admin::Stats::StatComponent < ApplicationComponent
+  attr_reader :text, :amount, :options
+
+  def initialize(text:, amount:, options: {})
+    @text = text
+    @amount = amount
+    @options = options
+  end
+end