main(
id: "gallery-settings-surface",
aria: { busy: loading? ? "true" : nil },
data: {
gallery: "flow-surface",
gallery_flow: "settings",
gallery_flow_state: state,
gallery_mobile: state == "mobile" ? "true" : nil
}.compact
) do
render NitroKit::Container.new(size: :xl, id: "gallery-settings-container") do
render NitroKit::Flex.new(dir: :col, gap: 6, align: :stretch, id: "gallery-settings-stack") do
render NitroKit::SettingsLayout.new(id: "gallery-settings-layout") do |layout|
layout.navigation(label: "Settings sections") { render_settings_navigation }
layout.content(html: { id: "gallery-settings-content" }) { render_state }
end
end
end
end