Simple Table with ViewComponents

table_component.html.erb

<table class="<%= classes %>">
  <thead class='bg-gray-300 font-medium'>
    <% head %>
  </thead>

  <tbody>
    <% body %>
  </tbody>
</table>

table_component.rb

# frozen_string_literal: true

class TableComponent < ViewComponent::Base
  renders_many :head, THeadComponent
  renders_many :body, TBodyComponent

  def initialize(classname: nil)
    @classname = classname
  end

  def classes
    c = ["w-full"]
    c << @classname

    c.join(' ')
  end

end

use_table_component.html.erb

<%= render TableComponent.new do |t| %>
  <% t.head(["Text", "Text", "Text", "Text"]) %>
  <% t.body(["Text", "Text", "Text", "Text"]) %>
<% end %>