Feature Card Basic

import SwiftUI

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

#Preview {
    UseFeatureCardBasic()
}


struct FeatureCardBasic: View {
    
    let iconName: String
    let featureName: String
    let featureDescription: String
    
    var body: some View {
        HStack(alignment: .center, spacing: 16) {
            ZStack {
                RoundedRectangle(cornerRadius: 13.0)
                    .foregroundStyle(.tint)
                    .frame(width: 48, height: 48)
                Image(systemName: iconName)
                    .font(.title)
                    .foregroundStyle(.white)
            }
            
            VStack(alignment: .leading, spacing: 4) {
                Text(featureName)
                    .multilineTextAlignment(.leading)
                    .foregroundStyle(.primary)
                    .font(.headline)
                Text(featureDescription)
                    .multilineTextAlignment(.leading)
                    .foregroundStyle(.secondary)
                    .font(.subheadline)
            }
            .frame(maxWidth: 300, alignment: .leading)
            
            Spacer()
        }
        .frame(maxWidth: .infinity, alignment: .leading)
    }
}

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