import SwiftUI
import Bedrock

struct OnboardingFeatureRowView: View {
    let icon: String
    let title: String
    let subtitle: String

    var body: some View {
        HStack(alignment: .top, spacing: Design.Spacing.medium) {
            Image(systemName: icon)
                .foregroundStyle(Color.Accent.red)
                .frame(width: 28, height: 28, alignment: .topLeading)
                .padding(.top, Design.Spacing.xxxSmall)

            VStack(alignment: .leading, spacing: Design.Spacing.xxSmall) {
                Text(title)
                    .typography(.bodyEmphasis)
                    .foregroundStyle(Color.Text.primary)

                Text(subtitle)
                    .typography(.caption)
                    .foregroundStyle(Color.Text.secondary)
            }
        }
        .padding(.horizontal, Design.Spacing.large)
        .padding(.vertical, Design.Spacing.medium)
        .frame(maxWidth: .infinity, minHeight: 100, alignment: .leading)
        .background(Color.AppBackground.elevated)
        .clipShape(.rect(cornerRadius: Design.CornerRadius.large))
    }
}
