button-and-action.cr

class Button < BaseComponent
  def render
    with_defaults class: "my-btn" do |link_builder|
      yield link_builder
    end
  end
end

m Button, &.link("Home", Home::Index)

class UI::CardActionHeader < BaseComponent
  needs title : String
  needs actions : Proc(Void)

  def render
    div class: "-ml-4 -mt-2 flex items-center justify-between flex-wrap sm:flex-no-wrap" do
      div class: "ml-4 mt-2" do
        h3 class: "text-lg leading-6 font-medium text-gray-900" do
          text title
        end
      end
      div class: "ml-4 mt-2 flex-shrink-0" do
        span class: "inline-flex rounded-md shadow-sm" do
          actions.call
        end
      end
    end
  end
end

m UI::CardActionHeader, text: "My Title", actions: ->{m Button, &.link("Hello", Home::Index)}