<%= render_component_tag "x-data": "{ activeTab: null }" do %>

<%= render_component :tabs, theme: :page do |t| %> <% @tabs.each do |props| %> <%= t.tab **props %> <% end %> <% end %>

<%= render_component :tab_panels do |t| %> <% @tabs.each do |props| %> <% t.panel name: props[:name] do %> <%= render_component :prose, markdown: props[:markdown], class: "max-w-none flex-none" do %> <%== props[:content] %> <% end %> <% end %> <% end %> <% end %> <% end %>