import SwiftUI

/// Samengesteld scherm "Stem & model": combineert het AI-modelbeheer
/// bovenaan met de audio-ingang-instellingen eronder. Hergebruikt de
/// bestaande views ongewijzigd als secties — geen herschreven logica.
struct StemEnModelView: View {
    var body: some View {
        ScrollView {
            VStack(alignment: .leading, spacing: ProatSpacing.xl) {
                VStack(alignment: .leading, spacing: ProatSpacing.s) {
                    Text("AI-modellen")
                        .font(ProatFont.sectie)
                        .foregroundStyle(Color.proatText1)

                    ModelManagementView()
                }

                VStack(alignment: .leading, spacing: ProatSpacing.s) {
                    Text("Audio-ingang")
                        .font(ProatFont.sectie)
                        .foregroundStyle(Color.proatText1)

                    AudioInputSettingsView()
                }
            }
            .padding(ProatSpacing.l)
            .frame(maxWidth: .infinity, alignment: .leading)
        }
        .background(Color.proatBgBase)
    }
}
