import SwiftUI

struct SectionedSettingsView: View {

    @State
    private var selectedSection: SettingsSection? = .generation

    var body: some View {
        NavigationSplitView {
            SettingsSidebar(selectedSection: $selectedSection)
                .frame(minWidth: 200, idealWidth: 200, maxWidth: 200)
        } detail: {
            GenerationDetailView(section: selectedSection)
        }
    }
}


struct GenerationDetailView: View {

    let section: SettingsSection?

    var body: some View {
        Group {
            switch section {
            case .generation:
                GenerationSettingsView()
            case .folders:
                FolderSettingsView()
            case .navigationBar:
                NavigationBarSettingsView()
            case .postFeed:
                PostFeedSettingsView()
            case .pages:
                PageSettingsView()
            case .none:
                Text("Select a setting from the sidebar")
                    .foregroundStyle(.secondary)
            }
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
        .padding()
        .navigationTitle("")
    }
}

#Preview {
    SectionedSettingsView()
}