Quote Card Fancy

import SwiftUI

struct UseQuoteCardFancy: View {
    
    var body: some View {
        QuoteCardFancy(quote: "Stay calm and relax. Everything's gonna be alright.", author: "Unknown developer")
            .padding()
    }
}
    
#Preview {
    UseQuoteCardFancy()
}

struct QuoteCardFancy: View {
    
    let quote: String
    let author: String
    
    var body: some View {
        GroupBox(label: Image(systemName: "quote.opening").font(.system(size: 24))) {
            VStack(alignment: .leading, spacing: 8) {
                Text(quote)
                    .multilineTextAlignment(.leading)
                    .font(.system(size: 22, weight: .medium, design: .serif))
                HStack(alignment: .center, spacing: 4 ) {
                    Text("–")
                    Text(author)
                }
                .font(.system(size: 15, weight: .light, design: .default))
                
            }
            .padding(.vertical, 8)
            .frame(maxWidth: 420, alignment: .topLeading)
        }
        .backgroundStyle(LinearGradient(gradient: Gradient(colors:[Color.blue.opacity(0.2), Color.red.opacity(0.2)]), startPoint: .topLeading,
                                 endPoint: .bottomTrailing))
    }
}

#Preview {
    QuoteCardFancy(quote: "Stay calm and relax. Everything's gonna be alright.", author: "Unknown developer")
}