<%= render_component :header do |header| %> <% header.branding { config.project_name } %> <% end %> <% if false %> <%= render_component :toolbar, class: "group !bg-lookbook-header !text-lookbook-header-text" do |toolbar| %> <% toolbar.section padded: true do %> <%= render_component :branding, text: config.project_name, href: landing_path if config.project_name %> <% end %> <% toolbar.section padded: false, align: :right, class: "flex items-center" do %> <%= render_component :button_group, class: "relative -top-px" do |group| %> <% if Rails.env == "development" %> <% group.button icon: :help_circle, class: "opacity-50 hover:opacity-100 transition !text-lookbook-header-text" do |button| %> <% button.dropdown do %> <%= tag.div class: "divide-y divide-lookbook-divider" do %> <% end %> <% end %> <% end %> <% end %> <% group.button icon: :menu, "@click.stop": "toggleSidebar", x_show: "$store.layout.mobile && sidebarHidden", class: "!text-lookbook-header-text" %> <% group.button icon: :x, "@click.stop": "toggleSidebar", x_show: "$store.layout.mobile && !sidebarHidden", "@keydown.esc.window": "closeMobileSidebar", class: "!text-lookbook-header-text" %> <% end %> <% end %> <% end %> <% end %> <%= content_for?(:shell) ? yield(:shell) : yield %>