import SwiftUI

/// What ? shows: every key, grouped as the page groups them.
struct KeysView: View {
    @Environment(\.dismiss) private var dismiss

    var body: some View {
        NavigationStack {
            List {
                ForEach(Keys.listing, id: \.0) { group in
                    Section(group.0) {
                        ForEach(group.1, id: \.0) { key, what in
                            HStack {
                                Text(key)
                                    .font(.system(.footnote, design: .monospaced))
                                    .padding(.horizontal, 6).padding(.vertical, 2)
                                    .background(Glass.line.opacity(0.5),
                                                in: RoundedRectangle(cornerRadius: 5))
                                    .frame(minWidth: 62, alignment: .leading)
                                Text(what).foregroundStyle(Glass.dim)
                            }
                        }
                    }
                }
            }
            .navigationTitle("Keyboard shortcuts")
            .toolbar {
                ToolbarItem(placement: .confirmationAction) {
                    Button("Done") { dismiss() }
                }
            }
        }
    }
}