import SwiftUI

struct ConversationView: View {
    @ObservedObject var settings: SettingsStore

    var body: some View {
        NavigationStack {
            VStack(spacing: 24) {
                Spacer()
                Circle()
                    .fill(.blue.gradient)
                    .frame(width: 96, height: 96)
                Text("Hope Voice")
                    .font(.title.bold())
                Text(settings.trimmedServerURL)
                    .font(.footnote)
                    .foregroundStyle(.secondary)
                Spacer()
            }
            .navigationTitle("Voice")
            .toolbar {
                ToolbarItem(placement: .topBarTrailing) {
                    NavigationLink {
                        SettingsView(settings: settings)
                    } label: {
                        Image(systemName: "gearshape")
                    }
                }
            }
        }
    }
}

#Preview {
    ConversationView(settings: SettingsStore())
}