Playing around with a table component

table_component.rb

TableComponent.new @items do |table|
  # Emmits a `thead > th` with "Name" and a `tbody > td` with the name of each item.
  table.column("Name") { _1.name }
  
  # Emmits a `thead > th` with "Name" and a `tbody > td` with the name of each item.
  table.column(:name)

  # Emmits a `thead > th` with "Interview Times" and a `tbody > th` with the name of each item.
  table.column("Name").th(class: "bg-read-100") { show(_1, :name) }

  # Emmits a `thead > th` with "Interview Times" and a `tbody > th` with the name of each item.
  table.column do |it|
    it.thead { th(class: "bg-red-100") { "Interview Times" } }
    it.tbody { th(class: "bg-read-100") { |item| show(item, :name) } }
  end

  # Modify the thead tag and iterator
  table.head(class: "bg-red-100") { thead_columns }

  # When a block isn't provided, it will call `tbody_columns`
  table.body(class: "bg-blue-100")

  table.foot(class: "bg-orange-100"){ tfoot_columns }
end

# Additionally, a table can be inheritted and modified
class MyTableComponent < TableComponent
  def head(**, &)
    thead(class: "bg-red-900", **, &)
  end

  def body(**, &)
    tbody(class: "bg-red-900", **, &)
  end

  def foot(**, &)
    tfoot(class: "bg-red-900", **, &)
  end
end