Feature Card in Rounded Rectangle

import SwiftUI

struct UseFeatureCardInRoundedRectangle: View {
    
    var body: some View {
        FeatureCardInRoundedRectangle(iconName: "cursorarrow.click.2", featureName: "Feature Name", featureDescription: "Description explaining why the feature is so cool.")
            .padding()
    }
}

#Preview {
    UseFeatureCardInRoundedRectangle()
}



struct FeatureCardInRoundedRectangle: View {
    
    let iconName: String
    let featureName: String
    let featureDescription: String

    
    var body: some View {
        HStack(alignment: .center, spacing: 16) {
            
            Image(systemName: iconName)
                    .font(.largeTitle)
                    .frame(width: 48)
                    .symbolRenderingMode(.multicolor)
            
            VStack(alignment: .leading, spacing: 4) {
                Text(featureName)
                    .multilineTextAlignment(.leading)
                    .foregroundStyle(.primary)
                    .font(.headline)
                Text(featureDescription)
                    .multilineTextAlignment(.leading)
                    .font(.subheadline)
            }
            .frame(maxWidth: 300, alignment: .leading)
            
            Spacer()
        }
        .padding()
        .background {
            RoundedRectangle(cornerRadius: 12.0)
                .foregroundStyle(.tint)
                .opacity(0.25)
//                .brightness(-0.4)
        }
        .frame(maxWidth: .infinity, alignment: .leading)
        .foregroundStyle(.primary)

    }
}

#Preview {
    FeatureCardInRoundedRectangle(iconName: "cursorarrow.click.2", featureName: "Feature Name", featureDescription: "Description explaining why the feature is so cool.")
}