import SwiftUI

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

    var body: some View {
        HStack(spacing: AppSpacing.md) {
            // Icon with gradient background
            ZStack {
                RoundedRectangle(cornerRadius: AppRadius.md)
                    .fill(LinearGradient(colors: [Color.appPrimary, Color.appPrimary.opacity(0.8)], startPoint: .topLeading, endPoint: .bottomTrailing))
                    .frame(width: 60, height: 60)
                    .shadow(color: Color.appPrimary.opacity(0.3), radius: 8, y: 4)

                Image(systemName: icon)
                    .font(.system(size: 28, weight: .semibold))
                    .foregroundColor(Color.appTextOnPrimary)
            }

            // Text Content
            VStack(alignment: .leading, spacing: AppSpacing.xxs) {
                Text(title)
                    .font(.title3.weight(.semibold))
                    .foregroundColor(Color.appTextPrimary)

                Text(subtitle)
                    .font(.callout)
                    .foregroundColor(Color.appTextSecondary)
            }

            Spacer()

            // Chevron
            Image(systemName: "chevron.right")
                .font(.system(size: 16, weight: .semibold))
                .foregroundColor(Color.appTextSecondary.opacity(0.7))
                .accessibilityHidden(true)
        }
        .padding(AppSpacing.lg)
        .background(Color.appBackgroundSecondary)
        .cornerRadius(AppRadius.lg)
        .shadow(color: AppShadow.md.color, radius: AppShadow.md.radius, x: AppShadow.md.x, y: AppShadow.md.y)
        .accessibilityElement(children: .combine)
    }
}
