Name Avatar with Random Color

import SwiftUI

struct UseNameAvatarRandomColor: View {
    
    let name: String = "Diane"
    
    var body: some View {
        VStack(alignment: .center, spacing: 8) {
            NameAvatarRandomColor(name: name)
            Text(name)
                .font(.headline)
        }
    }
}

#Preview {
    UseNameAvatarRandomColor()
}

struct NameAvatarRandomColor: View {
    
    let name: String
    
    var body: some View {
        
        Circle()
            .fill(Color.random)
            .frame(width: 64, height: 64, alignment: .center)
            .shadow(radius: 3)
            .overlay {
                Text(String(name.first!))
                    .font(.system(size: 38, weight: .heavy, design: .serif))
                    .foregroundStyle(.background)
            }
    }
}

#Preview {
    NameAvatarRandomColor(name: "Diane")
}

private extension Color {
    static var random: Color {
        var generator: RandomNumberGenerator = SystemRandomNumberGenerator()
        return random(using: &generator)
    }
    
    static func random(using generator: inout RandomNumberGenerator) -> Color {
        let red = Double.random(in: 0..<1, using: &generator)
        let green = Double.random(in: 0..<1, using: &generator)
        let blue = Double.random(in: 0..<1, using: &generator)
        return Color(red: red, green: green, blue: blue)
    }
}