How to add a character limit to a TextField in SwiftUI?

import SwiftUI

struct ContentView: View {
    @State private var text: String = ""
    let characterLimit = 20 // Set your desired character limit
    
    var body: some View {
        VStack {
            TextField("Insert text here...", text: $text)
                .padding()
                .background(Color.white)
                .cornerRadius(10)
                .shadow(radius: 3)
                .padding(.horizontal)
                .onChange(of: text) { newValue in
                    // Enforce character limit while typing
                    if newValue.count > characterLimit {
                        text = String(newValue.prefix(characterLimit))
                    }
                }
                .onPasteCommand(of: [.plainText]) { items in
                    // Handle paste event and enforce character limit
                    if let pastedText = items.first?.string {
                        let newText = text + pastedText
                        if newText.count > characterLimit {
                            // Limit the pasted content to fit within the character limit
                            text = String(newText.prefix(characterLimit))
                        } else {
                            text = newText
                        }
                    }
                }
            
            Text("\(text.count)/\(characterLimit) characters") // Optional: Shows character count
                .font(.footnote)
                .foregroundColor(text.count > characterLimit ? .red : .gray)
                .padding(.top, 5)
        }
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}