//
//  FeatureRow.swift
//  lichunWebsocket
//
//  Feature highlight row for onboarding
//

import SwiftUI

struct FeatureRow: View {
    let icon: String
    let title: String
    let description: String

    var body: some View {
        HStack(spacing: AppSpacing.md) {
            // Icon with warm glow
            ZStack {
                // Soft glow
                Circle()
                    .fill(Color.white.opacity(0.25))
                    .frame(width: 54, height: 54)
                    .blur(radius: 4)

                Circle()
                    .fill(Color.white.opacity(0.3))
                    .frame(width: 50, height: 50)

                Image(systemName: icon)
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .frame(width: 24, height: 24)
                    .foregroundColor(.white)
            }
            .shadow(color: .black.opacity(0.1), radius: 8, y: 4)

            // Text content with enhanced warmth
            VStack(alignment: .leading, spacing: AppSpacing.xs) {
                Text(title)
                    .font(.appHeadline)
                    .fontWeight(.semibold)
                    .foregroundColor(.white)

                Text(description)
                    .font(.appBody)
                    .foregroundColor(.white.opacity(0.9))
                    .lineLimit(2)
            }

            Spacer()
        }
        .padding(AppSpacing.sm)
        .background(
            RoundedRectangle(cornerRadius: 16)
                .fill(Color.white.opacity(0.15))
        )
    }
}

// MARK: - Preview
#if DEBUG
struct FeatureRow_Previews: PreviewProvider {
    static var previews: some View {
        ZStack {
            Color.purple
                .edgesIgnoringSafeArea(.all)

            VStack(spacing: AppSpacing.md) {
                FeatureRow(
                    icon: "heart.fill",
                    title: "Build Relationships",
                    description: "Connect with friends, family, and romantic partners"
                )

                FeatureRow(
                    icon: "briefcase.fill",
                    title: "Pursue Your Career",
                    description: "Study, work, and build your dream profession"
                )
            }
            .padding()
        }
    }
}
#endif