如何在SwiftUI中创建带有外部焦点环的macOS大屏幕风格的搜索框？

struct SearchBarView: View {
    @State private var searchText = ""
    
    var body: some View {
        HStack {
            Image(systemName: "magnifyingglass")
                .foregroundColor(.gray)
            
            TextField("Search", text: $searchText)
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .focused($searchText, equals: true)
            
            Button(action: {
                // Perform search action
            }) {
                Image(systemName: "arrow.up.circle.fill")
                    .foregroundColor(.blue)
            }
        }
        .padding()
    }
}

struct ContentView: View {
    var body: some View {
        VStack {
            // Other content
            
            SearchBarView()
            
            // Other content
        }
    }
}

struct FocusRingView: NSViewRepresentable {
    func makeNSView(context: Context) -> NSView {
        let view = NSView()
        view.focusRingType = .exterior
        return view
    }
    
    func updateNSView(_ nsView: NSView, context: Context) {
        // No update needed
    }
}

struct SearchBarView: View {
    // ...
    
    var body: some View {
        HStack {
            // ...
        }
        .padding()
        .background(FocusRingView())
    }
}